fckeditorでオリジナルの絵文字に変更する方法
Posted: 2009年8月21日(金) 16:23
cmsdesignerでfckeditorを利用している場合
「絵文字をオリジナルの画像にしたい」
という要望は多いかもしれません。
そこで、オリジナル画像に変更する方法です。
例えば
【1】
a.gif、b.gif、c.gif…という絵文字を作り、「emoji」という名前のフォルダに入れ、それを
cmsdesigner/fckeditor/editor/images/smiley/
の中に保存します。
【2】
cmsdesigner/fckeditor/fckconfig.js
の一番最後の方に
FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/' ;
という部分がありますので
FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/emoji/' ;
と変更します。
さらにその下に
FCKConfig.SmileyImages = ['regular_smile.gif','sad_smile.gif',…(省略)…'envelope.gif'] ;
という部分がありますので
FCKConfig.SmileyImages = ['a.gif','b.gif',…(省略)…'e.gif'] ;
というように、自分で作ったgif画像のファイル名に置き換えます。
これで終わりです。
ちなみに、その下の
FCKConfig.SmileyColumns = 8 ;
FCKConfig.SmileyWindowWidth = 320 ;
FCKConfig.SmileyWindowHeight = 210 ;
という部分で、ウインドウのサイズを変更出来ます。
「絵文字をオリジナルの画像にしたい」
という要望は多いかもしれません。
そこで、オリジナル画像に変更する方法です。
例えば
【1】
a.gif、b.gif、c.gif…という絵文字を作り、「emoji」という名前のフォルダに入れ、それを
cmsdesigner/fckeditor/editor/images/smiley/
の中に保存します。
【2】
cmsdesigner/fckeditor/fckconfig.js
の一番最後の方に
FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/' ;
という部分がありますので
FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/emoji/' ;
と変更します。
さらにその下に
FCKConfig.SmileyImages = ['regular_smile.gif','sad_smile.gif',…(省略)…'envelope.gif'] ;
という部分がありますので
FCKConfig.SmileyImages = ['a.gif','b.gif',…(省略)…'e.gif'] ;
というように、自分で作ったgif画像のファイル名に置き換えます。
これで終わりです。
ちなみに、その下の
FCKConfig.SmileyColumns = 8 ;
FCKConfig.SmileyWindowWidth = 320 ;
FCKConfig.SmileyWindowHeight = 210 ;
という部分で、ウインドウのサイズを変更出来ます。