ワイズリマインダー

CKEditorで必要なボタンだけ表示させてみる

関連記事はこちらで見ることが出来ます。

記事「CKEditorをとりあえず動かしてみる」からのカスタマイズです。

JavaScript

<script>
CKEDITOR.config.toolbar = [
  ['Source'],
  ['Cut','Copy','Paste','PasteText'],
  ['Undo','Redo'],
  ['Outdent','Indent','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
  ['Link','Unlink','Anchor'],
  ['Image','HorizontalRule'],
  '/',
  ['Bold','Italic','Underline','Strike','-','RemoveFormat'],
  ['Style','Format','Font','FontSize'],
  ['TextColor','BGColor']
];
</script>

デモ

参考までにデフォルトボタンはコチラ

<script>
CKEDITOR.config.toolbar = [
 ['Source','-','Save','NewPage','Preview','Print','-','Templates']
 ,['Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo']
 ,['Find','Replace','-','SelectAll','Scayt']
 ,['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField']
 ,'/'
 ,['Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat']
 ,['NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','CreateDiv','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock']
 ,['Link','Unlink','Anchor']
 ,['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak','Iframe']
 ,'/'
 ,['Styles','Format','Font','FontSize']
 ,['TextColor','BGColor']
 ,['Maximize','ShowBlocks']
 ,['About']
];
</script>

• ≪新しい記事へ
• 古い記事へ≫

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。