仕事で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;」を追記する