wordpressの記事に書くHTMLコードをワンクリックで文字実体参照に置換するブックマークレット
2014 August 08
wordpressでソースコードを書くときに便利なブックマークレットを作成しました。
ワンクリックでhtmlやphpを文字実体参照に置換できます。
使い方
下記Javascriptをブックマークレットとして保存します。
javascript:var obj = document.getElementById("content"), ns = obj.selectionStart, ne = obj.selectionEnd, str = obj.value.substring(ns, ne), strs = obj.value.substring(0, ns), stre = obj.value.substring(ne, obj.value.length);if(ns != ne) obj.value = strs + str.replace(/</g, '<').replace(/>/g, '>').replace(/“/g, '"').replace(/&/g, '&').replace(/'/g, ''') + stre;void 0;
wordpressダッシュボードの投稿編集画面で、記載したいソースコードを書きます。
記事が出来上がったら、置換したいソースコード箇所をドラッグ反転して選択し、先ほど作成したブックマークレットをクリックすると文字実体参照に置換されます。
※一回変換したものは undo できません。
※Chromeでのみ動作検証しています。IEではおそらく動きません。