アプリケーション

#WordPress のエディタで列挙した数行分のlist要素の作り方が分からなかったので #TextExpander + #JavaScriptで解決した

@rabirgoです。

WordPress エディタの話です。

Ulysses(Markdown)で先にリストしておく分にはいいのですが、WordPress に投稿してからリスト(<li></li>)を複数行追加したくなった時に不便を感じてます。

こうなってほしい

編集ボタン押下前

1行目
2行目
3行目

編集ボタン押下後

<li>1行目</li>
<li>2行目</li>
<li>3行目</li>

実際はこうなる(残念)

テキストモード

olボタン

複数行を選択した状態で <ol></ol> と <li></li> を入れてくれれば嬉しいのですが、まとめて囲ってしまいます。

<ol>
1行目
2行目
3行目</ol>

li ボタン

複数行を選択した状態で各行に <li></li> を入れてくれれば嬉しいのですが、これもまとめられてしまいます。1行ずつ選択して li ボタンを押下すれば良さそうですが、行数が多くなるとしんどいです。

<li>1行目
2行目
3行目</li>

ビジュアルモード

番号なしリスト 及び 番号付きリスト

ビジュアルモードでも同じですね。1行だけ選択しても3行まとめられたりして、テキストモードよりも不便です。

TextExpander + JavaScript で解決

TextExpander でクリップボードから生成するということを思いつきました。

スニペット

列挙した行を、一旦切り取ってから(クリップボードに入れてから)使います。

コンテンツ:JavaScript
TextExpander.pasteboardText.split('\n').map( function( e ) {return "<li>"+e+"</li>";}).join("\n");
キーワード:(お好みで)

さいごに

私は tolist; というキーワードにしたのですが、多用するようであれば短くすると思います。
他にちゃんとしたやり方があったり、php をいじればエディタをカスタマイズできるかもしれませんが、とりあえずこれで十分なのでよしとします。ちなみに iPad の Ulysses でも動作しました。

何か他にいい方法があれば Twitter ででもコメントいただけると幸いです!(あまり環境依存なことはしたくないので)

参考

TextExpander 5 and TextExpander touch 3.5 now include support for standard JavaScript snippets, and TextExpander 5 also includes support for JavaScript for Automation on OS X.1.As a basic example, a scientist with a frequent need for an approximation of Pi to eight digits of precision could set up a JavaScript s …
ABOUT ME
rabirgo
うさぎ年(rabbit)おとめ座(virgo)生まれの rabirgo です。 2019年よりフリーランスとして活動しています。 よかったら Twitter フォローお願いします! Follow @rabirgo

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です