web-dev-qa-db-ja.com

CKEditor 4で使用できるツールバーボタンは何ですか？

CKEditorのドキュメントでは、アイテムツールバー構成ごとにアイテムについて説明しています here ですが、異なるグループのボタンの名前のリストはどこにありますか？

同様の ここに質問 がありますが、答えはCKEditorの以前のバージョンに対するものです。一部のボタン名が機能しません。

ckeditor
41
Rob N

CKEditorパッケージの toolbar sample を確認できます。

CKEditorビルドで有効になっているすべてのボタンとすべてのツールバーグループがリストされています（CKEditor 4にはツールバーレイアウトを設定する2つの方法があるため）。

CKEditor 3で記憶したボタンが表示されない場合は、CKEditorパッケージバージョンで使用できるかどうかを確認してください（基本、標準、フルの3つがあります）。一部のプラグインはこれらのビルドには含まれていないため、 独自に作成する にする必要があります。

PS。標準または基本的なビルドチェックを使用している場合は、config.jsファイル-下線などの一部のボタンは、これらのプリセットで config.removeButtons 。

32
Reinmar

ここ はボタン名の素敵なリストです：

CKEditorのツールバーアイテムの完全なリスト

アイテム

  • "ソース"
  • "セーブ"
  • "新しいページ"
  • 「DocProps」
  • 「プレビュー」
  • 「印刷」
  • 「テンプレート」
  • "資料"

アイテム

  • "切る"
  • 「コピー」
  • "ペースト"
  • 「PasteText」
  • 「PasteFromWord」
  • 「元に戻す」
  • 「やり直し」

アイテム

  • 「検索」
  • 「交換」
  • "すべて選択"
  • 「スカイト」

アイテム

  • "形"
  • 「チェックボックス」
  • "無線"
  • "テキストフィールド"
  • 「テキストエリア」
  • "選択する"
  • "ボタン"
  • 「ImageButton」
  • 「HiddenField」

アイテム

  • "大胆な"
  • "イタリック"
  • 「下線」
  • "攻撃"
  • "添字"
  • 「上付き」
  • 「RemoveFormat」

アイテム

  • 「NumberedList」
  • 「BulletedList」
  • 「アウトデント」
  • "インデント"
  • 「ブロッククォート」
  • 「CreateDiv」
  • 「JustifyLeft」
  • 「JustifyCenter」
  • 「JustifyRight」
  • 「JustifyBlock」
  • 「BidiLtr」
  • 「BidiRtl」

アイテム

  • "リンク"
  • 「リンク解除」
  • "アンカー"

アイテム

  • 「CreatePlaceholder」
  • "画像"
  • "閃光"
  • "テーブル"
  • 「Horizo​​ntalRule」
  • "スマイリー"
  • 「SpecialChar」
  • 「PageBreak」
  • 「iframe」
  • 「InsertPre」

アイテム

  • 「スタイル」
  • "フォーマット"
  • "フォント"
  • "フォントサイズ"

アイテム

  • "テキストの色"
  • 「BGColor」

アイテム

  • 「UIColor」
  • 「最大化」
  • 「ShowBlocks」

アイテム

  • 「button1」
  • 「button2」
  • 「button3」
  • 「埋め込み」
  • 「MediaEmbed」

アイテム

  • "約"
19
Shomz

視覚的に独自の構成を生成するだけです CKEditor Toolbar Configurator

生成された例：

CKEDITOR.editorConfig = function( config ) {
  config.toolbarGroups = [
    { name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
    { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] },
    { name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
    { name: 'forms', groups: [ 'forms' ] },
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] },
    { name: 'links', groups: [ 'links' ] },
    { name: 'insert', groups: [ 'insert' ] },
    { name: 'styles', groups: [ 'styles' ] },
    { name: 'colors', groups: [ 'colors' ] },
    { name: 'tools', groups: [ 'tools' ] },
    { name: 'others', groups: [ 'others' ] },
    { name: 'about', groups: [ 'about' ] }
  ];

  config.removeButtons = 'Form,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,BidiLtr,BidiRtl,Language,Styles,Font,Smiley,CreateDiv,Checkbox,Scayt,NewPage,About';
};

 enter image description here 

3
shilovk

下線オプションは使用可能ですが、デフォルトでは表示されません。 config.jsファイルの以下の行から削除する必要があります。

config.removeButtons = 'Underline,Subscript,Superscript';
2
R Sun