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

CMS Designerを「こんな風に使ってます」等の活用事例や、自分なりのTIPS等のご報告をお待ちしています。
返信
miya
パワーユーザー
記事: 82
登録日時: 2006年3月25日(土) 09:20
お住まい: 東京都

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

投稿記事 by miya » 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 ;

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

返信