CSS HappyLife
で公開されているemoddyを導入してみました。
ブログ記事作成画面への導入はファイルをコピーするだけで導入完了。
素晴らしい～
WYSIWYGモードで記事を入力すると、そのまま絵文字として表示されるので使い勝手も完ぺき。
次にコメント欄への導入をやってみたが、初めはうまくいきませんでした
公開されている記事に投稿されているコメントを読むと同じようにコメント欄への導入に失敗している人が複数いたので、いろいろ試してみたら、導入成功したので他の方の参考になればと思い、私が行った対処方法をアップしておきます。（偶然に動作してるだけだと思いますが。。
）
本来ならコメントの入力フォームの上に絵文字選択パレットの表示オンオフするボタン
が１つだけ表示されているはずが、最初からパレットが表示されているので
なんとなく
<script type=“text/javascript” src=“<$MTStaticWebPath$>plugins/emoddy/js/emoddy.js”></script>
このスクリプトの挙動がおかしいような気がしたので中を見ると、このファイルだけでなくemoddy.plの中までトレースしないといけないので面倒なのでトレース中止。
JAVA Scriptは全くの素人なので根拠はないのですが上記の行の挿入場所を変更したら動作するようになりました。
説明ページにはコメントのページのhead要素に上記の行を挿入と書いてあったのですが、head要素ではなくてコメントのテンプレートの最初の部分に挿入してみると、なぜか動作します。
相変わらず最初からパレットが表示されてるけど、オンオフは機能してます。
変数の初期化の問題？
とりあえず動作するので問題追及はやめておきます
コメント欄はWYSIWYGモードではないので画像のパスが現れるので見栄えが悪いのですが絵文字が使えるのと使えないのでは大違いなのでこのまま導入しておきます。
私の解決方法を文章ではわかりずらいと思うので画像も掲載。
メニューからデザイン＝＞テンプレートモジュールを選ぶとこんな画面がでます。
テンプレートモジュールのコメントを選択
一番上に、先ほどの一行を挿入。
※説明ページに記載されていたその上の行の
<link rel=“stylesheet” href=“<$MTStaticWebPath$>plugins/emoddy/css/emoddy.css” type=“text/css” />
は、そのままhead要素内に残しています。
