Home > Tag Cloud > XHTML

WordPress のクイックタグ追加プラグインで楽々実体参照

HTML 実体参照変換ツールで楽々実体参照 』 に頂いた 「 WordPress に実体参照変換プラグインが欲しい 」 というコメントを見て、そういえば応用出来そうなものがあったようなと eclucifer bookmark » WordPress を探してみましたら、ありました!

本来はタグ補完用に使うものですけれど、クイック的な意味でいろいろな用途に応用出来そうです。

使い方

  1. AddQuicktag 』 プラグインをダウンロード
  2. 解凍したフォルダをまるごと wp-content/plugins にアップロード
  3. プラグイン管理画面にある 『 AddQuicktag 』 を [ 使用する ] で有効化
クイックタグの追加と削除
  1. 『 AddQuicktag 』 プラグインの設定画面を開きます。
  2. [ ラベル名 ] には自分が判りやすいものを入力します。
    例では [ < ] [ > ] 補完のクイックタグを作成するため、[ <> ] としました。
  3. [ 開始タグ ] には [ &lt; ] と、
    [ 終了タグ ] には [ &gt; ] と入力します。
  4. [ 更新 ] ボタンを押して設定完了です。
クイックタグが追加されました
新規投稿作成画面にクイックタグが追加されました。
開始タグを入力した状態
作成した [ <> ] タグをクリックすると、本文に [ &lt; ] と入力され、[ <> ] タグの表示が [ /<> ] に変わります。
終了タグを入力した状態
もう一度 [ /<> ] をクリックすると、本文に [ &gt; ] と入力され、タグの表示が [ <> ] に戻ります。

変換するものが多い場合は 『 蓄々 HTML 実体参照変換ツール 』 にコピペした方が楽かもしれませんが、少ない場合や外部サイトを開く手間が面倒な場合に活躍しそうです。

関連エントリー

Date
2009-01-05 00:24
Category

HTML 実体参照変換ツールで楽々実体参照

HTML 内で [ & ] や [ < ] [ > ] などの記号を記述したい場合、[ &amp; ] [ &lt; ] [ &gt; ] といったように文字実体参照へ変換する必要がありますが、code を書くときにいちいち一つ一つ手作業で変換していくのは面倒です。 IME の辞書ツールに単語登録をして、なんとか負担を軽減しようとしていた時期もありました。

えぇい! もっと楽に一発で変換出来るようなものはないのか!
── そんなあなたにオススメなのがこちら。

入力された文字列内の & 、" 、< 、> を実体参照に変換します。

変換したい文字列をテキストエリアに入力して、

<ul>
    <li>丸</li>
    <li>三角</li>
    <li>四角</li>
</ul>

[ 変換 ] ボタンを押すと、

&lt;ul&gt;
    &lt;li&gt;丸&lt;/li&gt;
    &lt;li&gt;三角&lt;/li&gt;
    &lt;li&gt;四角&lt;/li&gt;
&lt;/ul&gt;

一発ですべて実体参照に変換してくれます。

一昨年からずっと愛用しています。
久しぶりの Web 関連 ネタ 『 WordPress の本文内でコメントアウトすると、P要素が自動挿入される件。 』 を書いていて、改めて便利だなぁと痛感したので記事にしてみました。

関連エントリー

Date
2009-01-03 13:12
Category

Tag Cloud