getdata extraplugins example customconfig javascript ckeditor

javascript - extraplugins - ckeditor instances



¿Puedo usar CKEditor sin una barra de herramientas? (4)

(Posible duplicado: CKEditor - No hay barras de herramientas )

Me gustaría crear una instancia de CKEditor sin una barra de herramientas. Intenté definir una barra de herramientas vacía para usar en la configuración de la instancia

oConfigName.toolbar = ''Custom''; oConfigName.toolbar_Custom = [];

pero tengo una pequeña barra de herramientas vacía por mi instancia, en lugar de ninguna barra de herramientas.

Estoy usando la edición en línea con CKEditor4.


Agregue esta línea al archivo config.js

config.removePlugins= ''toolbar''


En CKEditor 4.9.2:

Al crear una instancia del editor, configure la opción de la barra de herramientas:

CKEDITOR.replace( ''editor1'', { ... toolbar: [] });


He agregado una nueva función en mi proyecto para ocultar / mostrar la barra de herramientas.

function onClickToolbarButton() { var bar = document.getElementById("cke_1_top"); if(bar.style.display == "none"){ bar.style.display = "block"; }else{ bar.style.display = "none"; } //resize web page //onresize(); }

Llame a esta función cada vez, si desea ocultar / mostrar la barra de herramientas.


Wow :) Esto es algo que no hemos pensado al implementar la barra de herramientas. Pero acabo de comprobar que puedes eliminar el complemento de la barra de herramientas, ya que no es requerido por ningún otro complemento.

Así que cree su propio paquete CKEditor sin barra de herramientas o use la configuración de removePlugins , por ejemplo:

var editor = CKEDITOR.inline( ''editable'', { removePlugins: ''toolbar'' } );

Actualización: En CKEditor 4.1 se introdujo el filtro de contenido avanzado . En su modo automático, se configura mediante botones que se cargan en la barra de herramientas. Sin el complemento de la toolbar ACF no está configurado, por lo que uno debe hacer esto por su cuenta:

var editor = CKEDITOR.inline( ''editable'', { removePlugins: ''toolbar'', allowedContent: ''p h1 h2 strong em; a[!href]; img[!src,width,height];'' } );