コメントに画像・動画・絵文字・文字色などを表示する

★　コメントに画像・動画・絵文字・文字色などを表示する

●　下記記事を簡単に設置できる様にしました。
http://ameblo.jp/new-blue-777/entry-10982880348.html

●　ライブラリに入れました。
　　ライブラリは下記ファイルです。
http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css


◆　やり方

①　フリープラグインへ下記を追記する

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type='text/javascript' src='http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css'></script>
<script type="text/javascript">
comment_change_fn();
</script>

・　下記はフリープラグインの最初に１つあればＯＫです。

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>

・　下記はフリープラグインに記述があれば不要です。

<script type='text/javascript' src='http://usrcss.ameblo.jp/skin/templates/6d/7d/10030757386.css'></script>




◆　スクリプト内容



function comment_change_fn(){// コメント表示チェンジ
$(document).ready(function(){
$(".commentBody").each(function (e) {
var html_dt=$(this).html();
html_dt = html_dt.replace(/％赤％/g, "<font color='red'>");
html_dt = html_dt.replace(/％青％/g, "<font color='blue'>");
html_dt = html_dt.replace(/％緑％/g, "<font color='green'>");
html_dt = html_dt.replace(/％桃％/g, "<font color='pink'>");
html_dt = html_dt.replace(/％黄％/g, "<font color='yellow'>");
html_dt = html_dt.replace(/％黒％/g, "<font color='black'>");
html_dt = html_dt.replace(/％色％/g, "</font>");
html_dt = html_dt.replace(/％１％/g, "<font size='1'>");
html_dt = html_dt.replace(/％２％/g, "<font size='2'>");
html_dt = html_dt.replace(/％３％/g, "<font size='3'>");
html_dt = html_dt.replace(/％４％/g, "<font size='4'>");
html_dt = html_dt.replace(/％５％/g, "<font size='5'>");
html_dt = html_dt.replace(/％６％/g, "<font size='6'>");
html_dt = html_dt.replace(/％７％/g, "<font size='7'>");
html_dt = html_dt.replace(/％文％/g, "</font>");
html_dt = html_dt.replace(/％❤％/g, "<img src='http://stat.ameba.jp/blog/ucs/img/char/char2/031.gif'>");
html_dt = html_dt.replace(/％！％/g, "<img src='http://stat.ameba.jp/blog/ucs/img/char/char2/039.gif'>");
html_dt = html_dt.replace(/％汗％/g, "<img src='http://stat.ameba.jp/blog/ucs/img/char/char2/028.gif'>");
html_dt = html_dt.replace(/％音％/g, "<img src='http://stat.ameba.jp/blog/ucs/img/char/char2/038.gif'>");
html_dt = html_dt.replace(/％合％/g, "<img src='http://stat.ameba.jp/blog/ucs/img/char/char2/304.gif'>");
html_dt = html_dt.replace(/％目％/g, "<img src='http://stat.ameba.jp/blog/ucs/img/char/char2/242.gif'>");
html_dt = html_dt.replace(/％下％/g, "<img src='http://stat.ameba.jp/blog/ucs/img/char/char2/175.gif'>");
html_dt = html_dt.replace(/％爆％/g, "<img src='http://stat.ameba.jp/blog/ucs/img/char/char2/036.gif'>");
html_dt = html_dt.replace(/％叫％/g, "<img src='http://stat.ameba.jp/blog/ucs/img/char/char2/254.gif'>");
html_dt = html_dt.replace(/％？％/g, "<img src='http://stat.ameba.jp/blog/ucs/img/char/char2/040.gif'>");
html_dt = html_dt.replace(/％画％/g, "<a class='detailOn' href='#'><img src='");
html_dt = html_dt.replace(/％像％/g, "'></a>");
html_dt = html_dt.replace(/％リ％/g, "<a href='");
html_dt = html_dt.replace(/％ン％/g, "'>");
html_dt = html_dt.replace(/％ク％/g, "</a>");
html_dt = html_dt.replace(/％動Ｓ％/g, '<embed src="');
html_dt = html_dt.replace(/％動Ｅ％/g, '" width="350" height="250">');
$(this).html(html_dt);
});});
}