web-dev-qa-db-fra.com

Comment enlever des boutons de CKeditor 4

La question se trouve dans le titre: Comment supprimer des boutons de CKeditor 4.

La documentation n'y répond pas clairement

ckeditor
27
Thony

Basé sur la réponse de reinmar et testé, voici la meilleure réponse. Ajoutez ceci dans votre ckeditor config.js:

config.removeButtons = 'Underline,JustifyCenter';

Pour référence, vous pouvez trouver la liste complète des boutons de CKeditor 4 ici: http://ckeditor.com/comment/123266#comment-123266

42
Thony

J'ai finalement trouvé comment, mais je n'aime pas cette façon car au lieu de supprimer ce que vous ne voulez pas, vous définissez les boutons que vous voulez (et ne mettez tout simplement pas ce que vous ne voulez pas). Lorsque vous appelez CKeditor.replace, vous pouvez définir la barre d’outils comme suit:

    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' ] }
]
});

(Pour référence, c'est la barre d'outils complète standard) Les éléments représentent des boutons, supprimez simplement les éléments que vous ne voulez pas. C'est tout.

Y a-t-il une meilleure réponse?

32
Thony

Pour supprimer des boutons, essayez:

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

La liste séparée par des virgules doit contenir le nom de chaque bouton à supprimer. Le lien suivant est la liste complète des boutons contenant le ckeditor de la barre d’outils:

boutons de liste

13
Christian Nieblas

Dans le fichier config.js du script/ckeditor/de votre projet, procédez comme suit:

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

Après avoir beaucoup essayé de supprimer manuellement le bouton et de styler la barre d'outils en modifiant le fichier config.js, j'ai trouvé le configurateur de barres d'outils. 

Avec cela, vous pouvez facilement activer ou désactiver des boutons. Modifier l'ordre des groupes de boutons et ajouter des séparateurs.

Il se trouve dans le /samples/toolbarconfigurator du dossier ckeditor. Il suffit de lancer le index.html. Le configurateur de barre d'outils est inclus dans tous les différents packages de téléchargement sur la page de téléchargement

Lorsque vous avez terminé de créer votre barre d’outils, cliquez simplement sur Get toolbar config et copiez le style dans le fichier config.js situé dans le dossier ckeditor.

enter image description here

5
VDWWD

Il existe un outil pratique fourni par défaut avec le kit, disponible à l'adresse ckeditor/samples/toolbarconfigurator/index.html. Il vous permet de configurer la barre d'outils à l'aide de l'interface graphique.

4
Hp93

Ouvrez votre fichier config.js et collez ce code

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

C'est tellement simple . Modifiez le fichier config.js comme ci-dessous

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

Essayer 

config.removeButtons = 'Save';

cela supprimera complètement le bouton de sauvegarde.

0
Viral