47 votes

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

La documentation de CKEditor mentionne la configuration de la barre d'outils élément par élément. aquí mais où se trouve la liste des noms des boutons dans les différents groupes ?

Il y a aussi un question ici mais la réponse concerne une version antérieure de CKEditor. Certains des noms de boutons ne fonctionnent pas.

35voto

Reinmar Points 9306

Vous pouvez vérifier le exemple de barre d'outils dans votre paquetage CKEditor.

Vous y trouverez une liste de tous les boutons et de tous les groupes de la barre d'outils (depuis CKEditor 4, il existe deux façons de définir la disposition de la barre d'outils) qui sont activés dans votre version de CKEditor.

Si vous ne voyez pas un bouton dont vous vous souvenez de 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 pas inclus dans l'une de ces builds et vous devez créez le vôtre .

PS. Si vous utilisez la version standard ou de base, vérifiez les points suivants config.js certains boutons, comme le soulignement, sont supprimés dans ces préréglages en réglant le paramètre config.removeButtons .

29voto

Shomz Points 13012

Ici est une belle liste de noms de boutons :

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

articles

  • "Source"
  • "Sauvegarder"
  • "NewPage"
  • "DocProps"
  • "Aperçu"
  • "Imprimer"
  • "Modèles"
  • "document"

articles

  • "Couper"
  • "Copie"
  • "Coller"
  • "PasteText"
  • "PasteFromWord"
  • "Défaire"
  • "Refaire"

articles

  • "Trouver"
  • "Remplacer"
  • "SelectAll"
  • "Scayt"

articles

  • "Formulaire"
  • "Case à cocher"
  • "Radio"
  • "Champ de texte"
  • "Textarea"
  • "Sélectionner"
  • "Bouton"
  • "Bouton d'image"
  • "HiddenField" (champ caché)

articles

  • "Gras"
  • "Italique"
  • "Souligner"
  • "Strike"
  • "Subscript"
  • "Superscript"
  • "RemoveFormat"

articles

  • "Liste numérotée"
  • "Liste à puces"
  • "Outdent"
  • "Indent"
  • "Citation en bloc"
  • "CreateDiv"
  • "Justifier la gauche"
  • "JustifyCenter"
  • "JustifyRight"
  • "JustifyBlock"
  • "BidiLtr"
  • "BidiRtl"

articles

  • "Lien"
  • "Unlink"
  • "Anchor"

articles

  • "CreatePlaceholder"
  • "Image"
  • "Flash"
  • "Table"
  • "HorizontalRule"
  • "Smiley"
  • "SpecialChar"
  • "PageBreak"
  • "Iframe"
  • "InsertPre"

articles

  • "Styles"
  • "Format"
  • "Police"
  • "FontSize"

articles

  • "TextColor"
  • "BGColor"

articles

  • "UIColor"
  • "Maximiser"
  • "ShowBlocks"

articles

  • "bouton1"
  • "bouton2"
  • "bouton3"
  • "oembed"
  • "MediaEmbed"

articles

  • "A propos"

7voto

shilovk Points 70

Il suffit de générer votre propre configuration en visuel Configurateur de la barre d'outils de CKEditor

Génération d'un exemple :

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

3voto

Site Tester Points 1

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

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

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X