[Å] 記事にHTMLを載せる時の変換が爆速になる「HTML特殊文字変換ツール」

HTMLコード特殊文字変換

ブログやホームページ内でHTMLコードを紹介したい。私も時々紹介する時があるのですが、HTMLコードを特殊文字に変換するのって面倒ではありませんか?

WordPressの人ならばプラグインを使って対応することも可能ですが、プラグインの見せ方が嫌だという人もいるでしょう。そんな方におすすめの便利ツールのご紹介です。

HTML特殊文字変換

例えば、こんな感じにコードを紹介したい場合

<div class="testBox">
	<h1>大見出し</h1>
	<h2>中見出し</h2>
	<p>さんぷてすとさんぷるてすと</p>
</div>

特殊文字全部を変えていたら大変ですよね。ただ私はこの特殊文字の変換作業を1秒ほどで完成。ブログでコードを紹介している方は時間短縮・ストレス解消にも繋がるかもしれませんね。

HTML特殊文字変換ツール

本日ご紹介するツールはこちらの「HTML特殊文字変換ツール」です。

HTML特殊文字変換ツール | Tech-Unlimited

使い方も非常に簡単。上記サイトを表示して変換したいコードを貼り付け、変換ボタンをクリック。
特殊文字に変換

cssで装飾を施せばオリジナルの形で見せることができますし、読み込み速度に影響するプラグインも不要になります。CODEPENなど便利なサービスもあるので使い分けもありだと思います。

使い勝手や見た目を重要視している方にこのツールは良いのではないでしょうか?

またこのツールの良いところは特殊文字に変換するだけでなく、反対に特殊文字から通常テキストに戻すことができます。
特殊文字を通常テキストに変換

特殊文字に変換した後にやっぱりあの形を○○したいという時などに大変便利です。

他にも

HTMLを変換するだけでなく、実は他にも「URLエンコード・デコード」や「カラーコード変換ツール」も同サイトから提供されています。

URLエンコード・デコード | Tech-Unlimited

カラーコード変換 | Tech-Unlimited

同サイトで3種類のツールが使えるというのもポイントです。

さいごに

コードをブログで紹介したことのある人なら恐らくわかると思います。変換の手間を。ただこのツールを使うことで簡単に変換ができることを知っておけば、今後凄く楽になるかもしれません。

もちろん変換はブログ記事にコードを載せるときだけでなく、Web制作でももしかしたら使えるかもしれません。いつかのために知っておいて損はないのでは…!?

おしまい。

■ 同じカテゴリについてもっと読む

ブログ運営者をフォローする!

\ この情報を周りの人にも教える /

HTMLコード特殊文字変換
プロフィールあかめの画像
あかめAkame Mizuho
横浜在住。フリーランス。
食べ歩き / 旅行 / カメラ / WEBデザイン 好き。

プロフィール / お問い合わせ

個人アカウント(メイン)▼

ブログ公式アカウント▼