子持ちプログラマーの日記

子持ちのプログラマーがWeb関連の技術、育児、ガンプラのことを書くブログ

WYSIWYGエディター CKEditorの実装方法

仕事でWYSIWYGエディターのCKeditorの実装した。
これはその時のメモです。

設置方法

宣言(headerタグ内)

エディター部分
<textarea id='id名' ></textarea>
<script type="text/javascript">
CKEDITOR.replace( ’id名’ );
</script>

メニューのカスタマイズ

以下がフルバージョンでここから不要なものを削除。
順番を変えたければ入れ替える。
作業してわかったのは、'/'で改行、[]ないで'/'を書くとブロック単位に区切るみたい

メニューの細かいことは以下URLに記載してあるのでそちらを参考に

 

改行タグをpタグからbrタグに変更

CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR;

エディタ内のテキスト取得

var oEditor = CKEDITOR.instances.textareaクラス名;
alert( oEditor.getData() );

エディターのスペルチェック機能をOFFにする

ckeditor.config.js の CKEDITOR.editorConfig = function(config) { } の中に、「config.scayt_autoStartup = false;」を追記する

広告を非表示にする