Welcome

カキノタblog

自分の興味あるテーマを中心に、図解多めに記事を作成していきたいと思います。

v4 Command

CKEditorではあらゆるコマンドをユーザーがプログラムから使用できるような仕様となっており、さらには、自作のコマンドをeditorに登録することもできます。

editor.execCommand('bold')
editor.execCommand('undo')

editorのexecCommandメソッドにコマンド名を指定するだけです。

自作コマンド

コマンドの定義

var mycommand = new CKEDITOR.command(editor, {
	exec: function (editor) {
		alert(editor.document.getBody().getHtml());
	}
});

CKEDITOR.commandメソッドでコマンドを定義します。

コマンドの追加（登録）

editor.addCommand(コマンド名, コマンド)でeditorにコマンド名とコマンドを追加することで以後そのコマンド名でコマンドを呼び出すことができるようになります。

editor.addCommand('mycommand', mycommand)

コマンドはオブジェクトリテラルで記述することができます。

editor.addCommand('mycommand', {
	exec: function (editor) {
		alert(editor.document.getBody().getHtml());
	}
})

標準コマンドも自作コマンドもキーボードショートカットやToolbarなどから呼び出すことができます。

参考リンク