Home > blog > Web 関連 > HTML 実体参照変換ツールで楽々実体参照

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要素が自動挿入される件。 』 を書いていて、改めて便利だなぁと痛感したので記事にしてみました。

関連エントリー

Data Information

Date
2009-01-03 13:12
Category
blog / Web 関連
Tags
/ / / / / / /

Navigation Link

Newer
WordPress のクイックタグ追加プラグインで楽々実体参照　
Older
WordPress の本文内でコメントアウトすると、P要素が自動挿入される件。　

Comments / Trackbacks

  1. From:
    壱茉
    Date:
    2009-01-03 14:29

    こんにちはー！
    あっあっ、この！このやり方は！便利すね！今まで辞書登録して、一つ一つ個別に変換してました…。今度から利用したいと思います！とゆか過去にブックマークしていたのに全然利用していなかった自分が憎たらしいです…。

  2. From:
    由岐
    Date:
    2009-01-03 22:23

    はわー…こんなに楽なサイトがあったとは…！！！
    いちいち手打ちしてた自分が…（遠目）
    これでさくさくっといけます！

  3. From:
    lynx
    Date:
    2009-01-03 22:32

    ▽ 壱茉さん
    わたしも昔は辞書登録してちまちまとやっていました ･･････
    これならサクッと一発変換で楽々ですね！
    はてブってそのまま ･･････ よくあることですヽ（；ゝω・）ノ

    ▽ 由岐さん
    これで code を書くときに遠い目をしなくて済みます！ｗ
    サクサクで楽々です！ やりましたね！ヽ（ゝω・）ノ

  4. From:
    宙
    Date:
    2009-01-04 18:40

    あけましておめでとうございます！SPATIALの管理人の宙です。
    先日はうちのサイトにコメント残してくれてありがとうございましたw

    ああ、私もよくサイトにコードを埋め込んだりするので、変換するのがめんどいんですよね！！
    なるほど、こういうサイトもあるんですね～。
    でも、できたらプラグインにして欲しいなという（笑
    wordpressは本当に色んなプラグインがありますよね！おかげさまで大変助かっておりますのだ。

    でわ、今年もよろしく御願い致します。

  5. From:
    lynx
    Date:
    2009-01-04 22:41

    WordPress なサイト仲間！（* ﾟ∀ﾟ）o彡° と、ワクドキでコメントしましたｗ

    WordPress のプラグイン ･･････ と思い出して eclucifer bookmark » WordPress を探してみましたら、投稿画面にクイックタグボタンを追加するプラグイン 『 WP-AddQuicktags 』 というので応用出来そうな感じですね。 ビジュアルエディタのクイックタグはタグ補完用途で使うものですけれど、実体参照もイケそうです！

    たくさんある場合は変換ツールにコピペの方が楽かもしれませんが、一つ二つだとこちらの方が効率良いかも。

    今年もよろしくお願いします～

Comment Form

Trackback URL
http://eclucifer.net/blog/web/2009010302.html/trackback/