ユーティリティ

2017年08月

- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -

キーワード検索

キーワード検索フォーム
キーワード

ユーザー

  • cccのアバター

新着画像

過去ログ

Twitter

Twilogを見る

Feed

エントリー

freoで絵文字を使うには

  • 2009/11/27 09:57
  • カテゴリー:TinyMCE3
  1. js/admin.js の87行目以降のうち赤字部分を追加してアップします。
    //TinyMCE
    tinyMCE.init({
    ~(略)~
    	plugins: 'advimage,advlink,autosave,contextmenu,fullscreen,inlinepopups,pagebreak,searchreplace,table,emotions',
    	theme: 'advanced',
    ~(略)~
    	theme_advanced_buttons2: 'forecolor,backcolor,removeformat,|,link,unlink,image,charmap,pagebreak,|,search,replace,|,undo,redo,|,emotions',
    ~(略)~
    });
    編集画面に表情アイコンが表示されます。
    ファイル 9-1.jpg
    これだけでtinyMCEに添付されている絵文字が使用できます。
  2. 過去にWDPで絵文字を使用していた場合、1.の作業に加えて行ってください。

    Right Bower(kirijiさん)作成の WebDiaryProに絵文字ボタンを作る を参考に設定して使用している絵文字をfreoでも使うことを前提としています。

    1. 絵文字アイコンを tiny_mce/plugins/emotions/img/ 内に emoji/ を作成しアップします。
    2. tiny_mce/plugins/emotions/emotions.htm の下から5行目(</table>の前)に次のタグを加入します。
      		<tr>
      			<td><a href="javascript:EmotionsDialog.insert('emoji/pp_00.gif','…');"><img src="img/emoji/pp_00.gif" width="17" height="17" border="0" alt="{#…}" title="{#…}" /></a></td>
      			<td><a href="javascript:EmotionsDialog.insert('emoji/pp_01.gif','ハート');"><img src="img/emoji/pp_01.gif" width="17" height="17" border="0" alt="{#ハート}" title="{#ハート}" /></a></td>
      			<td><a href="javascript:EmotionsDialog.insert('emoji/pp_02.gif','汗');"><img src="img/emoji/pp_02.gif" width="17" height="17" border="0" alt="{#汗}" title="{#汗}" /></a></td>
      			<td><a href="javascript:EmotionsDialog.insert('emoji/pp_03.gif','蒼ざめ');"><img src="img/emoji/pp_03.gif" width="17" height="17" border="0" alt="{#蒼ざめ}" title="{#蒼ざめ}" /></a></td>
      		</tr>
      		<tr>
      			<td><a href="javascript:EmotionsDialog.insert('emoji/pp_04.gif','怒');"><img src="img/emoji/pp_04.gif" width="17" height="17" border="0" alt="{#怒}" title="{#怒}" /></a></td>
      			<td><a href="javascript:EmotionsDialog.insert('emoji/pp_05.gif','♪');"><img src="img/emoji/pp_05.gif" width="17" height="17" border="0" alt="{#♪}" title="{#♪}" /></a></td>
      			<td><a href="javascript:EmotionsDialog.insert('emoji/pp_06.gif','?');"><img src="img/emoji/pp_06.gif" width="17" height="17" border="0" alt="{#?}" title="{#?}" /></a></td>
      			<td><a href="javascript:EmotionsDialog.insert('emoji/pp_07.gif','!');"><img src="img/emoji/pp_07.gif" width="17" height="17" border="0" alt="{#!}" title="{#!}" /></a></td>
      		</tr>
      		<tr>
      			<td><a href="javascript:EmotionsDialog.insert('emoji/pp_08.gif','滝汗');"><img src="img/emoji/pp_08.gif" width="17" height="17" border="0" alt="{#滝汗}" title="{#滝汗}" /></a></td>
      			<td><a href="javascript:EmotionsDialog.insert('emoji/pp_09.gif','ひらめき');"><img src="img/emoji/pp_09.gif" width="17" height="17" border="0" alt="{#ひらめき}" title="{#ひらめき}" /></a></td>
      			<td><a href="javascript:EmotionsDialog.insert('emoji/pp_10.gif','ハートブレイク');"><img src="img/emoji/pp_10.gif" width="17" height="17" border="0" alt="{#ハートブレイク}" title="{#ハートブレイク}" /></a></td>
      			<td><a href="javascript:EmotionsDialog.insert('emoji/pp_11.gif','LOVE LOVE');"><img src="img/emoji/pp_11.gif" width="17" height="17" border="0" alt="{#LOVE LOVE}" title="{#LOVE LOVE}" /></a></td>
      		</tr>
      		<tr>
      			<td><a href="javascript:EmotionsDialog.insert('emoji/pp_12.gif','ドクロ');"><img src="img/emoji/pp_12.gif" width="17" height="17" border="0" alt="{#ドクロ}" title="{#ドクロ}" /></a></td>
      		</tr>
    3. 文字コードをUTF-8にして保存してアップします。
  3. 編集画面の表情アイコンを押して次のようになればOKです。

    ※表示の変更ができてない場合はブラウザのキャッシュをクリアしてから更新してみてください。
    ファイル 9-2.jpg

ページ移動

関連エントリー

コメント

sakura

こちらを参考にさせていただき、絵文字が挿入できるように設置できました。
ありがとうございます。

こちらにこんな質問を載せていいかどうか悩んだのですが(不都合がありましたら、削除下さい。すみません)
可能なら、教えて下さい。

絵文字を一つ挿入すると、絵文字選択の窓が自動で閉じてしまいますが、これを閉じないようにすることは出来ますでしょうか?

複数の絵文字を、後でまとめて入れたい際、何度も何度も選択窓を開かないといけないのが手間なので、それを改善したいのですが・・・。

お分かりになる方、教えて下さい。

  • 2011/02/01 13:46:00

ccc

>絵文字を一つ挿入すると、絵文字選択の窓が自動で閉じてしまいますが、これを閉じないようにすることは出来ますでしょうか?
tiny_mce/plugins/emotions/js/emotions.jsの18行目にある「tinyMCEPopup.close();」を削除してください。そうすれば続けて絵文字が挿入できます。
但し、削除 ⇒ UP後には必ずブラウザのキャッシュを削除してからお使いください。

  • URL
  • 2011/02/01 22:16:00

sakura

ccc様

ありがとうございました!!m(__)m
無事、複数の絵文字を入れれるようになりました。
不便だったので、すごくうれしいです^^
本当に、ありがとうございました!

  • 2011/02/02 14:18:00

コメント登録

  • コメントを入力してください。
  • 一旦登録したコメントは、あとで編集できませんのでご注意下さい。
登録フォーム
名前
メールアドレス
URL
コメント(コメント本文の装飾について
閲覧制限
※基本的には「全体に公開」されますが、内容によっては管理人の方で公開を制限する場合がございますので、その旨ご了承下さい。
freoをカタカナ3文字で入力してください(スパム対策)