Home > blog
HTML 実体参照変換ツールで楽々実体参照
HTML 内で ［ & ］ や ［ < ］ ［ > ］ などの記号を記述したい場合、［ & ］ ［ < ］ ［ > ］ といったように文字実体参照へ変換する必要がありますが、code を書くときにいちいち一つ一つ手作業で変換していくのは面倒です。 IME の辞書ツールに単語登録をして、なんとか負担を軽減しようとしていた時期もありました。
えぇい！ もっと楽に一発で変換出来るようなものはないのか！
── そんなあなたにオススメなのがこちら。
入力された文字列内の & 、" 、< 、> を実体参照に変換します。
変換したい文字列をテキストエリアに入力して、
<ul>
<li>丸</li>
<li>三角</li>
<li>四角</li>
</ul>［ 変換 ］ ボタンを押すと、
<ul>
<li>丸</li>
<li>三角</li>
<li>四角</li>
</ul>一発ですべて実体参照に変換してくれます。
一昨年からずっと愛用しています。
久しぶりの Web 関連 ネタ 『 WordPress の本文内でコメントアウトすると、P要素が自動挿入される件。 』 を書いていて、改めて便利だなぁと痛感したので記事にしてみました。
関連エントリー
WordPress の本文内でコメントアウトすると、P要素が自動挿入される件。
akiyan.com の 『 ブログを MT（3.32） から WordPress に移行しました 』 を読んで気になる点があったので、久しぶりの WordPress ネタ。
どうやら WordPress は 「 投稿記事中にコメントタグがあると、表示時にデザインが崩れる 」 ようです。 例えば以下のようなデータが本文にあると、表示時にタグがぐちゃぐちゃになり、結果、デザインが崩れます。
<!-- <img src="atode-hyouji-suru.jpg" alt="atode-kaku" /> -->どうやらコメントタグは WordPress では特殊な用途で使われているらしく、レンダリングに致命的な影響を与えるようです。 記事中にコメントタグがある場合は、事前でも事後でもいいので削除する必要があります。
わたしも WordPress にした当初に ヽ（`д´）ﾉ となった点でした。 一つ一つ記事を修正していかねばならなかった苦労が懐かしい ･･････ コメントアウトは使えないのかと焦りました。
コメントアウト tips
<!--
コメント
-->前述の例のようにコメントが複数行に渡る場合はもちろんのこと、
<!--リストここから-->
<ul>
<li>丸</li>
<li>三角</li>
<li>四角</li>
</ul>
<!--リストここまで-->コメントだけの行の場合も、
<!--リストここから--><ul>
<li>丸</li>
<li>三角</li>
<li>四角</li>
</ul>コメントが先頭の場合でも、
<p><!--コメント--></p>このように P 要素が自動挿入され、結果、意図しない表示になってしまいます。
これでは一見コメントアウト出来ないように思えますが、
<ul><!--リストここから-->
<li>丸</li>
<li>三角</li>
<li>四角</li>
</ul><!--リストここまで-->開始タグもしくは終了タグのすぐ後ろに挿入すれば回避出来ます。
その他の方法
- そもそも 意図しない P 要素自体を挿入させない
-
wp-includes/default-filters.php の108行目 （ ver.2.5.1 ） にある
add_filter('the_content', 'wpautop');を以下のようにコメントアウトすると、P 要素が自動挿入されなくなります。
// add_filter('the_content', 'wpautop'); - P 要素の自動挿入を無効化するプラグイン 『 Disable wpautop 』
- プラグインの 『 Disable wpautop 』 を使用して、自動挿入される P 要素を無効化する方法もあります。 詳しい解説は TechGaga の 『 WordPress の p タグ自動追加をオフにするプラグイン: Disable wpautop 』 をご覧ください。
関連エントリー
オリキャラランキングバトン
伊月さんち で見掛けた 『 オリキャラランキングバトン 』 を、『 Plastic Colors 』 でやってみました。
戦闘集団向けオリキャラランキングバトンです。
- まずは、オリキャラの名前と属性 （ 炎・闇等があれば ） を出来るだけ全員挙げてください。
- 登場人物 の中から戦闘要員のみを選出。 属性と武器など。
-
『 Plastic Colors 』 戦闘要員 顔画像 名前 属性と武器 
ティール 水属性 
ウォード 火属性 
イエア 
シグルド - 風属性
- 大抵の武器の扱いは心得ている
エリオル - 水属性
- 矛槍 （ 自らの血液より生成 ）
レイシアン - 火属性
- 蝙蝠扇
- 鉄扇
ヴィクター 
セベク 
ヒュー 
エヴァンジェリン 
ルーシェル 不明 
ヴァンヴェール 風属性 
シズク 水属性 
カイン 火属性 
セレネ 光属性 
セエレ 聖属性 
シルキィ 風属性 
イシス 水属性 
バラム 
ミュリア 
グラン - それぞれのテーマの高い順に並べてください。
-
- レベル
- 物理攻撃力
- 物理防御力
- 魔法攻撃力
- 魔法防御力
- 素早さ
- かしこさ
- 運の良さ
- 格好良さ
- 可愛さ
- 人望
- 異性からのモテ度
- モ ･･･ テ ･･･？
- 同性からのモテ度
- 腹黒
- 腹黒キャラは好きではないのでいないかも。
二面性という意味で、敢えて挙げるならウォードかなぁ ･･････ 外は白いが中が昏い。 - 頼りになる人
- 次に回す人を指定してください。
- どうぞどうぞ。
関連エントリー
2P カラーバトン
伊月さんち で見掛けた 『 2P カラーバトン 』 を、『 Plastic Colors 』 のキャラでやってみました。
取り敢えず今回はリストアップのみですが、drawr にて順次描いていきたいと思いますヽ(ゝω・)ノ
- 2008年12月16日22時17分 イシス2Pカラー 掲載
- 2008年12月28日0時0分 レイシアン2Pカラー 掲載 NEW
格ゲーや一部音ゲーでお馴染みの 『 2P カラー 』。
あなたの好きな版権キャラや創作キャラを、ランダムでカラーチェンジしてしまいましょう。
ミスマッチな配色に新しい世界が広がるかも！？
-
以下の質問に沿って、好きな色・好きなキャラを並べていってください。
-
それでは、以下の配色に沿って着色してください。
-
- やってみての感想は？
- 色の選択基準は drawr で塗りやすいものを。 キャラはテキトーヽ(ゝω・)ノ
面白かったです！ でも、もっとトンデモ配色になってたらもっとネタに出来たのに（笑）
-
- 回す方をお好きなだけ
- よその子さんの 2P カラー見てみたいです。 どうぞどうぞ！ ささ、どうぞどうぞ！！
── の前に自分が完成させねばですね。
2008年を振り返りつつ、2009年の抱負を語る。
残すところ一週間で、2008年も終わりですね。
毎年この時期になると、「 つい先日 『 あけましておめでとう 』 とか言ってた気がする 」 と言っているような気がします。
そうしてふと2008年を振り返ってみると、驚愕の事実が判明した訳です。
絵を120点も描いていた。
2006年が67点、2007年が8点だったことを考えると、脅威の数値すぎて自分でびっくりしている。
というか、2007年のやる気のなさは異常ｗｗｗ 一年間何やってたんだｗｗｗ
絵を描かない絵描きとしてダラダラ過ごしていたわたしが、こんなにも描くようになるとは ･･････ なんという drawr 効果。 『 drawr 始めてみた。 』 で書いたように、描きたい気持ちが溢れて、それを実際に絵としてカタチに出来て、本当にお絵描きが楽しくて仕方なくて ･･････ そんな風に、こんなにもキラキラと輝いた気持ちでお絵描きを楽しんだことがあったろうか （ 反語 ）。
2008年、drawr に出逢えて良かった。 「 お絵描きたのしす！」 な気持ちになれて嬉しかった。
2009年の抱負
という訳で、この勢いと気持ちを活かしつつがんばりたい2009年。 その抱負です。
来年の今頃、「 なんだ、2008年はただの奇跡だったか 」 で終わらないようにしたいところ。
- 描く描く詐欺になってしまっている絵を消化する。
- drawr でなくても、同じように楽しくお絵描き出来るようになりたい。
- 量は描けるようになったので、スピード力を身に付けたい。
