Quels boutons de la barre d’outils sont disponibles dans CKEditor 4?

Le document CKEditor mentionne ici la configuration de la barre d’outils élément par élément, mais où se trouve la liste des noms des boutons dans les différents groupes?

Il y a une question similaire ici , mais la réponse est pour une version précédente de CKEditor. Certains noms de boutons ne fonctionnent pas.

Vous pouvez vérifier l’ exemple de la barre d’outils dans votre package CKEditor.

Vous y avez répertorié tous les boutons et tous les groupes de barres d’outils (depuis CKEditor 4, il existe deux manières de définir la disposition de la barre d’outils) qui sont activées dans votre version de CKEditor.

Si vous ne voyez pas un bouton dont vous vous êtes souvenu depuis CKEditor 3, vérifiez s’il est disponible dans la version de votre package CKEditor (il y en a maintenant 3 – basic, std et full). Certains plugins ne sont inclus dans aucune de ces versions et vous devez créer les vôtres .

PS Si vous utilisez le fichier de config.js standard ou de base, certains boutons comme Souligné sont supprimés dans ces parameters en définissant config.removeButtons .

Voici une belle liste de noms de boutons:

Liste complète des éléments de la barre d’outils pour CKEditor

articles

  • “La source”
  • “Sauvegarder”
  • “Nouvelle page”
  • “DocProps”
  • “Aperçu”
  • “Impression”
  • “Modèles”
  • “document”

articles

  • “Couper”
  • “Copie”
  • “Coller”
  • “PasteText”
  • “CollerFromWord”
  • “Annuler”
  • “Refaire”

articles

  • “Trouver”
  • “Remplacer”
  • “Tout sélectionner”
  • “Scayt”

articles

  • “Forme”
  • “Checkbox”
  • “Radio”
  • “Champ de texte”
  • “Textarea”
  • “Sélectionner”
  • “Bouton”
  • “ImageButton”
  • “Champ caché”

articles

  • “Audacieux”
  • “Italique”
  • “Souligner”
  • “La grève”
  • “Indice”
  • “Exposant”
  • “RemoveFormat”

articles

  • “NumberedList”
  • “Liste à puces”
  • “Outdent”
  • “Indent”
  • “Blockquote”
  • “CreateDiv”
  • “JustifyLeft”
  • “JustifyCenter”
  • “JustifyRight”
  • “JustifyBlock”
  • “BidiLtr”
  • “BidiRtl”

articles

  • “Lien”
  • “Dissocier”
  • “Ancre”

articles

  • “CreatePlaceholder”
  • “Image”
  • “Flash”
  • “Table”
  • “La règle horizontale”
  • “Smiley”
  • “SpecialChar”
  • “Saut de page”
  • “Iframe”
  • “InsertPre”

articles

  • “Modes”
  • “Format”
  • “Police de caractère”
  • “Taille de police”

articles

  • “TextColor”
  • “BGColor”

articles

  • “UIColor”
  • “Maximiser”
  • “ShowBlocks”

articles

  • “bouton1”
  • “bouton2”
  • “bouton3”
  • “oembed”
  • “MediaEmbed”

articles

  • “Sur”

Il suffit de générer votre propre config dans visual configurateur de barre d’outils CKEditor

Un exemple de généré:

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

entrer la description de l'image ici

L’option Souligner est disponible, mais par défaut, elle n’est pas visible. Vous devez le retirer de la ligne ci-dessous dans le fichier config.js.

 config.removeButtons = 'Underline,Subscript,Superscript';