2005年 6月 12日(日) 仏滅 今日は何の日?
コメントとエントリ投稿用絵文字パワーアップ
みなさんがコメントをくださる時用の絵文字は ここ、あたしがエントリする時用の絵文字は ここ で それぞれ
実装済みなんだけど、実は 少々の不便があって、気にはなってたけど、どうしようもないかな・・・と諦めてたんです。
それは・・・絵文字をクリックすると、カーソルの位置ではなく、常に 文末に 絵文字が入ってしまうことでした。
それと、もうひとつ。エントリ用の絵文字は body でしか使えない (追記では使えない) ってのも、
body のところで絵文字を表示させておいて、コピペして追記のところにむりやり持ってくだなんて
なんだかスマートじゃないな~って・・・思ってたんですよね~。ところが!「エントリに絵文字」 に
トラックバックをくださった mayu*can さんに行ってみると (」゜ロ゜)」 ナント!!あたしが なんだかなぁ~~~、と
思ってた2点、バッチリクリアなさってるではありませんか!絵文字は コメントでも エントリ投稿時にも
ちゃんと カーソルを置いたところに入るし、追記でも 絵文字が使えるし・・・(o^^;o) オドロイタワ・・・
てことで、早速 やむやむでも 真似させていただきました。えーーーっと、このカスタマイズは
あらかじめ、MT Smileys を導入しておく必要があります。ここ あたりを参考に まず、MT Smileys を入れてください。
そこまでできたら、あとは楽チン!カーソルを置いたところに 絵文字を表示させるには、
Smileys の JavaScript を 以下のものに差し替えるだけです。
<script type="text/javascript" language="javascript">
<!--
// MT Smileys http://mt-hacks.com/mt-smileys.html
// Edited By Noel http://noe.lolipop.jp/
function emoticon (smiley) {
var txtarea = document.comments_form.text;
smiley = ' ' + smiley + ' ';
if(navigator.appName.indexOf("Microsoft") > -1){ // If IE
txtarea.focus();
if (!document.selection) return;
var range = document.selection.createRange();
range.text=smiley;
txtarea.focus();
// return false;
}else{ // If other browser
if (txtarea.createTextRange && txtarea.caretPos) {
var caretPos = txtarea.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? smiley + ' ' : smiley;
txtarea.focus();
} else {
var length = txtarea.textLength;
var start = txtarea.selectionStart;
var end = txtarea.selectionEnd;
var txtarea1 = txtarea.value.substring(0, start);
var txtarea2 = txtarea.value.substr(end, length);
txtarea.value = txtarea1 + smiley + txtarea2;
txtarea.focus();
}
}
}
//-->
</script>
なお、このスゴ技スクリプトは mayu*can さんの コメント欄に絵文字を (追加カスタマイズ) から コピーさせていただきましたが、
元ネタは Hitori-Goto さんの きつねさんでもOK です。ありがとうございます。
また、上記スクリプトは コメント欄の絵文字用で、これを エントリの本文や追記で使うには、
tmpl/cms/edit_entry.tmpl に 上記JavaScript と smileys の内容をコピペするわけですが
本文に使うためには、↑ 赤い字のところを entry_form.text に 修正する必要があります。
同様に 追記で使うためには entry_form.text_more とし、さらに 以下の2点を修正します。
これで、上書き保存して、tmpl/cms/edit_entry.tmpl を アップします。
絵文字を使いたい(表示させたい) テンプレート(MainIndex ・ 個別エントリアーカイブ等) に 以下の修正を かけます。
<$MTEntryBody$> を <MTMacroApply><$MTEntryBody$></MTMacroApply> に
<$MTCommentBody$> を <MTMacroApply><$MTCommentBody$></MTMacroApply> に
そして、追記は・・・ <$MTEntryMore$> を <MTMacroApply><$MTEntryMore$></MTMacroApply> に。
また、各テンプレートの一行目には <$MTInclude module="smiley macros"$> も 忘れずに・・・
これで、追記でも 絵文字が使えるし、コメントでも エントリ投稿時でも カーソルの位置に 絵文字が入るようになりました。
≫ MT3.17調整中 from
FFF HP
昨日の夜中に「もう駄目だぁ〓! :cry: 」と、諦めて3.151に戻したのです... [続きを読む]
≫ コメントリストのテンプレートを修正 from
ぴぃかぶぅ
ちょっと、実験トラックバックで~す。ど~なるかな? [続きを読む]
≫ “MT Smileys”を追記(extend)でも使えるように・・・&プラスα。 from
TOY COZY MUSEUM 別館
以前も書きましたが、そのカタチからも笑顔の表情を感じさせる“(笑)”というのを、かなりの頻度で好んで使っているわけですが... [続きを読む]
≫ MTで絵文字 from
つまらん日記
MTで絵文字を使うカスタマイズを施す事になった。
絵文字を使う方法としては一般... [続きを読む]
≫ エントリーにも絵文字が欲しくて♪ from
++Blog-MELL++
コメント欄には 絵文字が使えるようにと設定済みだったので 今度はエントリーでも使... [続きを読む]
≫ MovableType3.2 コメント欄で絵文字を使う from
おじさんの備忘録
MovableType3.2のコメント欄で絵文字を使う [続きを読む]
≫ コメントとエントリー投稿で画像(絵文字)を使う~MovableType from
21世紀のアフィリエイト通販生活
MT Smileysプラグインを使って、MovableTypeのコメントとエント... [続きを読む]
≫ うまくいかない絵文字が... from
dotabata.net
この前エントリーに絵文字ではblog自体の設定を変える方法で絵文字の入力に成功し... [続きを読む]
≫ 絵文字をエントリーとコメントに from
うそやん(・ω・ノ)ノ
mt [続きを読む]
≫ 「エントリー、追記」と「コメント」欄に絵文字使用。 from
Movable Typeではじめたアフィリエイト。
やっと完成したよ†。:-)いったいどれだけかかったんだか・・・:x 途中で泣き入って、ほんとやめて... [続きを読む]
≫ 「エントリー、追記」と「コメント」欄に絵文字使用。 from
Movable Typeではじめたアフィリエイト。
やっと完成したよ†。:-)いったいどれだけかかったんだか・・・:x 途中で泣き入って、ほんとやめて... [続きを読む]
さえらさん、トラックバックありがとうございます
コメントはエラーだったとのことで、申し訳ありませんでした
さて、私は説明が下手なので心配していたのですが、無事成功なさったようでよかったです
いつも、さえらさんのエントリを参考にさせていただくばっかりなので(ありがとうございます
)、ちょっとお役に立てたようでうれしいです
>>1 繭さん
説明下手なんて、ぜんぜんそんなことないですよ~
すっごく、わかりやすかったので、楽々 修正できました
どうもありがとうございました
え~~~っと・・・
ここ のエントリで I18N.pm を Encode.pm版に差し替えて トラックバックをいただいたときに
「~」 が 「〓」 に ならないようになってたはずなのに、なっちゃったので、Encode.pm版 I18N.pm を
最新版にして、ぴぃかぶぅ から トラックバックを送信して 実験してみたわけですが・・・
見事、「~」 が 「〓」 に ならないで 表示されました。これは OKだったんだけど、あらたな疑問が・・・
なんで ぴぃかぶぅ の ファビコン、真っ黒なんだ~~~?MainIndexだけじゃなく、個別アーカイブや
カテゴリアーカイブ、日付アーカイブにも favicon を指定してるのに・・・
favicon.ico を http から始まる 絶対パスで 指定してないのがいけないのかな、と思って
修正してみたんだけど、真っ黒アイコンは 直りません。コメントのところには ちゃんと表示されるのに なんでかなぁ。。。
こんにちは。
何故か今頃にこちらの記事に辿り着きました。追記欄でSmileyアイコンが使えないというのは、微妙に大きな
制約だったりしたものですから、助かりました。有り難うございます。
>>4 toycozyさん
そうなんですよねー。記事編集の画面が 絵文字だらけには なっちゃいますが、
やっぱり どこでも思ったときに自由に絵文字入れられるのは 魅力です。
またまた、参考にさせて頂きました。
でもみごとに失敗してしまいました
文字化けしてるからおかしいなぁ
と思ってたのですが
とりあえず投稿しないとわからないので
ドキドキしながら投稿してみたらみごとに文字化けのまま
コメントの方は出来ているのに何故なんでしょう
設置自体はきれいに出来たんですけど
お知恵を貸していただけると有難いのですが
よろしくお願いします
>>6 MELLさん
このカスタマイズで 文字化けは一度もなかったので、どうしてなのか よくわからないんですけど
もしかしたら、修正したテンプレートを ブログと同じ文字コードで保存するとかで、直らないでしょうか?
ていうか、それくらいしか思いつかないので、それで直るといいなー、って感じです。
頼りなくてすみません。
色々ありがとうございました
あれからもう一度見直しして
コメントのとこも右サイドバーがくずれるので
テーブルに突っ込んで
エントリーは最初からやり直してみました。
ちゃんと表示されるようになりました
どこがどうって解らないのですが、
単純なミスをしていたのかもです。
ホントにお騒がせしました(o*。_。)oペコッ
>>8 MELLさん
いつもあいまいなお返事しかできなくてホントすみません。
だけど、直ってよかったです。L(@^▽^@)」
やっとうまくいきましたニャ。
随分悩んできましたが,こちらのエントリーを参考にしてできましたニャ。
ありがとうございましたニャ。
>>10 dotabatapapaにゃん
はじめまして~。ご参考になったならうれしいです。あたしもいろんなかたのお世話になって
やっとできたので、お気持ちよ~くわかりますぅ。