configurar - ¿Qué botones de la barra de herramientas están disponibles en CKEditor 4?

ckeditor replace add button

Question

Los documentos de CKEditor mencionan la configuración de la barra de herramientas elemento por elemento here , pero ¿dónde está una lista de los nombres de los botones en los diferentes grupos?

Aquí hay una pregunta similar, pero la respuesta es para una versión anterior de CKEditor. Algunos de los nombres de los botones no funcionan.

Answer 1

La opción de subrayado está disponible, pero por defecto no está visible. Debe eliminarlo de la línea inferior en el archivo config.js.

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

Answer 2

Puede consultar el ejemplo de la barra de herramientas en su paquete CKEditor.

Allí, ha enumerado todos los botones y todos los grupos de la barra de herramientas (desde CKEditor 4 hay dos formas de configurar el diseño de la barra de herramientas) que están habilitados en su compilación CKEditor.

Si no ve un botón que recordó de CKEditor 3, verifique si está disponible en la versión del paquete de CKEditor (ahora hay 3: básico, estándar y completo). Algunos complementos no están incluidos en ninguna de estas compilaciones y usted tiene que crear el suyo propio .

PD. Si está utilizando el archivo config.js estándar o de compilación básica: algunos botones como Subrayado se eliminan en estos ajustes preestablecidos configurando config.removeButtons .

Answer 3

Simplemente genere su propia configuración en el configurador visual de la barra de herramientas de CKEditor

Un ejemplo de generado:

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

Answer 4

Here hay una buena lista de nombres de botones:

Lista completa de elementos de la barra de herramientas para CKEditor

artículos

• "Fuente"
• "Salvar"
• "Nueva pagina"
• "DocProps"
• "Avance"
• "Impresión"
• "Plantillas"
• "documento"

artículos

• "Cortar"
• "Dupdo"
• "Pegar"
• "Pegar texto"
• "PasteFromWord"
• "Deshacer"
• "Rehacer"

artículos

• "Encontrar"
• "Reemplazar"
• "Seleccionar todo"
• "Scayt"

artículos

• "Formar"
• "Caja"
• "Radio"
• "Campo de texto"
• "Textarea"
• "Seleccionar"
• "Botón"
• "Botón de imagen"
• "Campo escondido"

artículos

• "Negrita"
• "Itálico"
• "Subrayar"
• "Huelga"
• "Subíndice"
• "Sobrescrito"
• "Eliminar formato"

artículos

• "Lista numerada"
• "Lista con viñetas"
• "Outdent"
• "Sangrar"
• "Blockquote"
• "CreateDiv"
• "JustifyLeft"
• "JustifyCenter"
• "JustifyRight"
• "JustifyBlock"
• "BidiLtr"
• "BidiRtl"

artículos

• "Enlazar"
• "Desconectar"
• "Ancla"

artículos

• "CreatePlaceholder"
• "Imagen"
• "Destello"
• "Mesa"
• "Regla horizontal"
• "Sonriente"
• "SpecialChar"
• "Salto de página"
• "Iframe"
• "Insertar

artículos

• "Estilos"
• "Formato"
• "Fuente"
• "Tamaño de fuente"

artículos

• "Color de texto"
• "BGColor"

artículos

• "UIColor"
• "Maximizar"
• "ShowBlocks"

artículos

• "botón 1"
• "button2"
• "button3"
• "oembed"
• "MediaEmbed"

artículos

• "Acerca de"