Welcome

カキノタblog

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

v4 Code Snippetプラグインのカスタマイズ

シンタックスハイライター用のCode Snippetプラグインを少しだけ使いやすくしました。

画像:Code Snippetプラグインのカスタマイズ

デフォルトの設定では言語の指定が空になっていて毎回特定の言語に合わせるのが面倒なので、上の画像のように「JavaScript」が選択されて起動するように設定を変更しました。

手順

本体のプラグインディレクトリからplugins > codesnippet > dialogs > codesnippet.jsを開き、

53行目のselectedIndexの値をJavaScriptに合わせます。

if ( CKEDITOR.env.gecko && ( !widget.data.lang || !widget.ready ) )
	this.getInputElement().$.selectedIndex = 5; // ここを-1から5に変更
}

なお、plugins > codesnippet > plugin.jsファイルで使用しない言語を事前に削除しています。

if ( !editor._.codesnippet.highlighter ) {
	var hljsHighlighter = new CKEDITOR.plugins.codesnippet.highlighter( {
		languages: {
			apache: 'Apache',
			coffeescript: 'CoffeeScript',
			css: 'CSS',
			html: 'HTML',
			javascript: 'JavaScript',
			json: 'JSON',
			markdown: 'Markdown',
			perl: 'Perl',
			php: 'PHP',
			python: 'Python',
			sql: 'SQL',
			xhtml: 'XHTML',
			xml: 'XML'
		},