FC2ブログ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

CKEditor 設定編

CKEditorの設定方法について書きます。

まずはckeditor.jsと同階層にあるconfig.jsを開きます。

※無い場合はつくってください。

 

 

【ツールバーの設定】

以下のコードを記述します

//ツールバー

CKEDITOR.config.toolbar = [

['Source','-','Save','NewPage','Preview','-','Templates']

,['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print','SpellChecker']

,['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','SpecialChar','PageBreak']

,'/'

,['Styles','Format','Font','FontSize']

,['TextColor','BGColor']

,['ShowBlocks']

];

 

これがいわゆるツールバーのレイアウトになります。配列の[]内に書かれたメニューがグループ化されます。

 

・配列の中の値を消してしまえば、そのメニューは表示されなくなります

 

・'/'を入力すると間に改行がはいります。

 

・[]内に'-'を入れると|になります。

 

各メニューの内容に関しては、実際にいじった方がきっとわかりやすいです。←手抜き

ちなみに、ここで消したメニューを覚えておくと、後でライブラリの減量の際に役に立ちます。

追加のプラグインメニューをダウンロードすればさらに便利になります

 

【幅の設定】

//幅

CKEDITOR.config.width = '1000px';

CKEDITOR.config.height = '500px';

見たまんまですね。

 

 

【リサイズ可否の設定】

//ユーザーのサイズ変更を許可するか

CKEDITOR.config.resize_enabled = false

もし、trueにするとテキストエリアをリサイズできる用になります。

 

 

【スキンの設定】

//スキンの変更['kama', 'office2003', v2]

CKEDITOR.replace( '対象ID名',{skin : 'v2' }); 

デフォルトでは3つ用意されていますが、たぶんもっと配布されてます。

 

 

【ライブラリの減量】

とりあえず、ここまでくればある程度使うものと使わないものがはっきりしてくると思うので、明らかに使わないものは消してしまいましょう。

 

1.プラグインの削除

/plugins/ 内にあるディレクトリで使っていないものは消してしまってOKです。

【ツールバーの設定】で削除したものは消してしまいましょう。

 

2. 使わないskinの削除

/skins/にあるもので使わないものは消してしまいましょう。

 

っと、ひとまずこれだけやっておけばだいぶ思い通りのものができると思います。

さらに詳しい設定は、また後日。

もし、パパッとCKEditorをつかいたいならこちらをどうぞ☆

むしろ「これは必要だ!」っていう設定あったらとりあえず教えてください

 

スポンサーサイト

コメントの投稿

非公開コメント

プロフィール

pg103

Author:pg103
とりあえず、いろいろ作ってみようと思っているプログラマーです。

【僕がお気に入りの本】

CakePHP 1.3によるWebアプリケーション開発―オープンソース徹底活用

Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL)

MySQL全機能バイブル ~現場で役立つAtoZ~

プロのための Linuxシステム構築・運用技術 (Software Design plus)

最新記事
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。