ページ 11

fckeditorでオリジナルの絵文字に変更する方法

Posted: 2009年8月21日(金) 16:23
by miya
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 ;

という部分で、ウインドウのサイズを変更出来ます。