web-dev-qa-db-ja.com

CKeditor 4からボタンを削除する方法

質問はタイトルにあります：CKeditorからボタンを削除する方法4。

ドキュメンテーションが明確に答えていない

ckeditor
29
Thony

Reinmarの回答に基づいて、ここでテストした方が良い回答です。これをckeditor config.jsに追加します。

config.removeButtons = 'Underline,JustifyCenter';

参考のために、CKeditor 4ボタンの完全なリストを参照できます。 http://ckeditor.com/comment/123266#comment-123266

43
Thony

最後に方法を見つけましたが、不要なものを削除する代わりに、必要なボタンを定義します（そして、単に不要なものを入れないでください）。 CKeditor.replaceを呼び出すと、次のようにツールバーを定義できます。

    CKEDITOR.replace( 'YOURE_TEXT_AREA_ID', {
    toolbar: [
    { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', '-', 'Save', 'NewPage', 'Preview', 'Print', '-', 'Templates' ] },
    { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ] },
    { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Replace', '-', 'SelectAll', '-', 'Scayt' ] },
    { name: 'forms', items: [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] },
    '/',
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat' ] },
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl', 'Language' ] },
    { name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },
    { name: 'insert', items: [ 'Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe' ] },
    '/',
    { name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] },
    { name: 'colors', items: [ 'TextColor', 'BGColor' ] },
    { name: 'tools', items: [ 'Maximize', 'ShowBlocks' ] },
    { name: 'others', items: [ '-' ] },
    { name: 'about', items: [ 'About' ] }
]
});

（参照用に、これは標準の完全なツールバーです）アイテムはボタンを表すので、不要なアイテムを単に削除します。それでおしまい。

より良い答えはありますか？

35
Thony

ボタンを削除するには、次を試してください。

$(document).ready(function() {
   CKEDITOR.config.removePlugins = 'Save,Print,Preview,Find,About,Maximize,ShowBlocks';
});

コンマ区切りリストには、削除する各ボタンの名前が含まれている必要があります。次のリンクは、ツールバーckeditorを含むボタンの完全なリストです。

リストボタン

13
Christian Nieblas

プロジェクトのscripts/ckeditor /内のconfig.jsファイルで、次の方法を実行してください

config.removePlugins = 'elementspath,save,image,flash,iframe,link,smiley,tabletools,find,pagebreak,templates,about,maximize,showblocks,newpage,language';

config.removeButtons = 'Copy,Cut,Paste,Undo,Redo,Print,Form,TextField,Textarea,Button,SelectAll,NumberedList,BulletedList,CreateDiv,Table,PasteText,PasteFromWord,Select,HiddenField';
9
user3783446

手動でボタンを削除し、config.jsファイルを編集してツールバーをスタイリングすることにwithした後、ToolBar Configuratorを見つけました。

それにより、ボタンを簡単に有効または無効にできます。ボタングループの順序を変更し、セパレータを追加します。

ckeditorフォルダーの/samples/toolbarconfiguratorにあります。 index.htmlを起動するだけです。 Toolbar Configuratorは、 ダウンロードページ のすべての異なるダウンロードパッケージに含まれています。

ツールバーの作成が終了したら、Get toolbar configをクリックして、メインckeditorフォルダーにあるconfig.jsファイルにスタイルをコピーします。

enter image description here

7
VDWWD

バンドルにはデフォルトで便利なツールが付属しています。ckeditor/samples/toolbarconfigurator/index.html。 GUIを使用してツールバーを設定できます。

5
Hp93

Config.jsファイルを開き、このコードを貼り付けます

CKEDITOR.editorConfig = function( config ) {
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
    config.removePlugins = 'blockquote,save,flash,iframe,tabletools,pagebreak,templates,about,showblocks,newpage,language,print,div';
    config.removeButtons = 'Print,Form,TextField,Textarea,Button,CreateDiv,PasteText,PasteFromWord,Select,HiddenField,Radio,Checkbox,ImageButton,Anchor,BidiLtr,BidiRtl,Font,Format,Styles,Preview,Indent,Outdent';
};
3
Himanshu

とてもシンプル。変更config.js以下のファイル

CKEDITOR.editorConfig = function (config) {

config.removePlugins = 'save,newpage,flash,about,iframe,language'; 
//The options which you don't need in the toolbar, you can add them in the above remove plugins list.

};
1
Ankit Gorakhpuriya

試してみる

config.removeButtons = 'Save';

これにより、保存ボタンが完全に削除されます。

0
Viral