Comment supprimer les boutons de CKeditor 4

La question Est dans le titre: Comment supprimer les boutons de CKeditor 4 .

La Documentation n'y répond pas clairement

27
demandé sur Thony 2014-05-08 13:57:32

10 réponses

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

config.removeButtons = 'Underline,JustifyCenter';

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

40
répondu Thony 2014-12-31 13:15:01

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.remplacer vous pouvez définir la barre d'outils comme:

    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, il s'agit de la barre d'outils complète standard) Les éléments représentent des boutons, il suffit donc de supprimer les éléments que vous ne voulez pas. Thats it.

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

29
répondu Thony 2014-05-08 10:44:45

Pour supprimer les 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 que vous souhaitez supprimer. Le lien suivant est la liste complète des boutons contenant la barre d'outils ckeditor:

Boutons de liste

13
répondu Christian Nieblas 2016-06-24 09:17:17

Dans config.fichier js dans les scripts / ckeditor / de votre projet, faites simplement la manière suivante

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';
7
répondu user3783446 2016-09-21 10:47:18

Après beaucoup de bêtises avec la suppression manuelle du bouton et le style de la barre d'outils en éditant le fichier config.js, j'ai trouvé le configurateur de la barre d'outils.

Avec cela, vous pouvez facilement activer ou désactiver les boutons. Modifier l'ordre du groupe 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 principal ckeditor.

entrez la description de l'image ici

5
répondu VDWWD 2018-01-26 21:05:39

Il y a un outil pratique venu par défaut avec le bundle, qui peut être trouvé à ckeditor/samples/toolbarconfigurator/index.html. Il vous permet de configurer la barre d'outils en utilisant L'interface graphique.

4
répondu Hp93 2015-12-28 08:12:29

Ouvrez votre configuration.fichier 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';
};
2
répondu Himanshu 2017-08-14 10:12:58

Essayez

config.removeButtons = 'Save'; 

Cela supprimera complètement le bouton Enregistrer.

0
répondu Viral 2015-04-30 07:40:37

C'est si Simple. Modifier config.js fichier 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.

};
0
répondu Ankit Gorakhpuriya 2016-09-15 13:57:10

CKEDITOR.config.removePlugins = 'elementspath,enregistrer,à propos,les formes,trouver,selectall,specialchar,flash,smiley,iframe,showblocks,de la langue";

-4
répondu abdolsamad seif 2017-01-24 08:42:27