かわたま.net

Enjoy Creative! かわたまのwebメモ

wordpressの記事に書くHTMLコードをワンクリックで文字実体参照に置換するブックマークレット

2014 August 08

Tag:

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, '&lt;').replace(/>/g, '&gt;').replace(/“/g, '&quot;').replace(/&/g, '&amp;').replace(/'/g, '&apos;') + stre;void 0;

wordpressダッシュボードの投稿編集画面で、記載したいソースコードを書きます。
記事が出来上がったら、置換したいソースコード箇所をドラッグ反転して選択し、先ほど作成したブックマークレットをクリックすると文字実体参照に置換されます。

※一回変換したものは undo できません。
※Chromeでのみ動作検証しています。IEではおそらく動きません。