俺にとってイけてるckeditorの設定

javascript wysiwyg

俺にとってイけてるckeditorの設定。

俺の ckeditor/config.js 設定例

  • 多すぎるツールボタンを削った
  • 日本語設定
    • フォント追加
    • language変更
  • 改行コードはBRがいい
CKEDITOR.editorConfig = function( config )
{
	// Define changes to default configuration here. For example:
	 config.language = 'ja';
	// config.uiColor = '#AADC6E';
	CKEDITOR.config.toolbar = 
	[
//		['Source','-','Save','NewPage','Preview','-','Templates'],
		['Source','-','Preview','-','ShowBlocks','-','Templates'],
//		['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print','SpellChecker','Scayt'],
		['Cut','Copy','Paste','PasteText','PasteFromWord'],
		['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
//		['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
//		'/',
		['Table','HorizontalRule'],
		['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
//		['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
		['NumberedList','BulletedList'],
//		['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
		'/',
//		['Styles','Format','Font','FontSize'],
		['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
		['Font','FontSize'],
		['TextColor','BGColor'],
		['Link','Unlink','Anchor'],
		['Smiley','SpecialChar'],
//		['Maximize','ShowBlocks','-','About']
	];
	CKEDITOR.config.font_names='ＭＳ Ｐゴシック;ＭＳ Ｐ明朝;ＭＳ ゴシック;ＭＳ 明朝;Arial/Arial, Helvetica, sans-serif;Comic Sans MS/Comic Sans MS, cursive;Courier New/Courier New, Courier, monospace;Georgia/Georgia, serif;Lucida Sans Unicode/Lucida Sans Unicode, Lucida Grande, sans-serif;Tahoma/Tahoma, Geneva, sans-serif;Times New Roman/Times New Roman, Times, serif;Trebuchet MS/Trebuchet MS, Helvetica, sans-serif;Verdana/Verdana, Geneva, sans-serif';
	CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR;
};

ckeditorとTinyMCEの比較（主観）

  • fontタグを使わないspan styleのピクセルでの文字サイズ変更が出来る。
  • 改行コードBRがとりあえず出来る