[MovableType] CKEditorプラグインを入れてボタンのカスタマイズをしてみました

どもども、職場で誕生日を迎えてしまったishidaです。

MovableTypeにはいろいろなプラグインがありますが、ちょっとお仕事でWYSIWYGプラグインである CKEditor for Movable Type をインストールしてみました。

今後も同じカスタマイズを幾度とすると思うのでメモします。

CKEditorプラグインをインストールするとボタンが以下のような感じになります。
わかりにくいので説明も入れてみました。

図をクリックで拡大します。

ボタンがたくさんあっても何でもできちゃう感じですね。
でもいろいろありすぎて、クライアントさんに使ってもらいたくない機能もあったりします。
そこでこのボタンさせあればいいでしょって感じにカスタマイズしてみました。

表示させるボタンのカスタマイズは
[ システム ] → [ プラグイン ] の設定から行います。
デフォルトでは、「ボタンのセット」がフルになっているので、カスタムに変更します。

デフォルトの設定

[
['Source','-','Save','NewPage','Preview','-','Templates'],
['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
'/',
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','MobilePictogram', 'SpecialChar','PageBreak'],
['mt_insert_image', 'mt_insert_file'],
'/',
['Styles','Format','Font','FontSize'],
['TextColor','BGColor'],
['Maximize', 'ShowBlocks','-','About']
]

変更後

絵文字や色関係などを削除しています。

[
['Source','-','Save','NewPage','Preview','-','Templates'],
['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
'/',
['Format'],
['Bold','Strike'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight'],
['Link','Unlink','Anchor'],
['Image','Table','SpecialChar'],
['mt_insert_image', 'mt_insert_file'],
['Maximize', 'ShowBlocks','-','About']
]

プレーンテキスト貼り付け、ワード文章からの貼り付けという機能もあるのですね。
クライアントさんがすべてhtmlに詳しいとは限りませんので、今後はこのプラグインをオススメしていこうかなと思っています。

プラグイン配布ページ

• CKEditorForMT