Welcome

カキノタblog

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

v4 カーソル位置にhtmlタグを挿入する

 現在のカーソル位置の直前に段落を挿入するコマンドを書きました。

editor.addCommand('insert_p', {
	exec: function (editor) {
		var startRange = editor.getSelection();
		var parent = startRange.getStartElement();
		var el = CKEDITOR.dom.element.createFromHtml('<p>&nbsp;</p>');
		parent.insertBeforeMe(el);
	}
})
editor.setKeystroke(CKEDITOR.CTRL + CKEDITOR.SHIFT + 48 /* 0 */, 'insert_p');

editor.insertHtmlメソッドを使う解説やプラグインはあるのですが、それだとウィジェットを使っている場合にうまくいかず、こちらのコードに落ちつきました。

参考リンク