ckeditor config
Cómo quitar botones de CKeditor 4 (10)
Abra su archivo config.js y pegue este código
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'';
};
La pregunta está en el título: Cómo eliminar botones de CKeditor 4.
La documentación no la responde claramente.
Basado en la respuesta de reinmar y probada aquí es la mejor respuesta. Agregue esto en su ckeditor config.js:
config.removeButtons = ''Underline,JustifyCenter'';
Para referencia, puede encontrar la lista completa de botones de CKeditor 4 allí: http://ckeditor.com/comment/123266#comment-123266
Después de mucho intentarlo con la eliminación manual del botón y el estilo de la barra de herramientas al editar el archivo config.js , encontré el Configurador de la barra de herramientas.
Con eso puedes habilitar o deshabilitar botones fácilmente. Cambia el orden del grupo de botones y agrega separadores.
Se encuentra en el /samples/toolbarconfigurator de la carpeta ckeditor . Solo ejecuta el index.html . El Configurador de la barra de herramientas está incluido en todos los diferentes paquetes de descarga en la página de descarga.
Cuando haya terminado de crear su barra de herramientas, simplemente haga clic en Get toolbar config y copie el estilo en el archivo config.js ubicado en la carpeta principal de ckeditor .
En el archivo config.js dentro de scripts / ckeditor / de su proyecto, simplemente haga lo siguiente
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'';
Es tan simple. Modifique el archivo config.js como se muestra abajo
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.
};
Finalmente encontré cómo, pero no me gusta de esta manera, ya que en lugar de eliminar lo que no quiere, usted define qué botones quiere (y simplemente no pone lo que no quiere). Cuando llamas a CKeditor.replace puedes definir la barra de herramientas así:
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'' ] }
]
});
(Para referencia, esta es la barra de herramientas completa estándar) Los elementos representan botones, así que simplemente elimine los elementos que no desea. Eso es.
¿Hay alguna respuesta mejor?
Hay una herramienta útil que viene de manera predeterminada con el paquete, que se puede encontrar en ckeditor/samples/toolbarconfigurator/index.html . Te permite configurar la barra de herramientas usando GUI.
Para quitar botones, intente:
$(document).ready(function() {
CKEDITOR.config.removePlugins = ''Save,Print,Preview,Find,About,Maximize,ShowBlocks'';
});
La lista separada por comas debe contener el nombre de cada botón que desea eliminar. El siguiente enlace es la lista completa de los botones que contienen la barra de herramientas ckeditor:
Tratar
config.removeButtons = ''Save'';
Esto eliminará completamente el botón Guardar.