CKeditor: ¿Cómo puedo hacer algunas etiquetas como H3, H4, no editable h5 en CKEditorCKeditor: ¿Cómo puedo hacer que algunas etiquetas como H3, H4, no editable h5 en CKEditor
abierta a la solución js o css cualquier va a hacer
La configuración de configuración protectedSource es la opción elegida para eso.
{array} CKEDITOR.config.protectedSource
lista de expresiones regulares que se ejecutará sobre el HTML de entrada, lo que indica código que debe permanecer intacta.
No soy un experto en expresiones regulares, pero algo como esto debe hacer el truco:
config.protectedSource.push(/[^<]*(<h1>([^<]+)<\/h1>)/g);
es posible que tenga que jugar con él un poco. Advertencia: la expresión regular en esa forma solo captará las etiquetas <h1>...</h1>, no por ejemplo las desviaciones como <h1>...< /h1>.
En config.js, utilice el código siguiente para definir qué elementos desea permitir en CKEditor (Quité h1):
config.format_tags = 'p;h2;h3;h4;h5;h6;pre;address;div'
esto funciona genial gracias – mcgrailm
Puede agregar atributo contenteditable = false a la etiqueta. P. ej.
ckeditor.insertHtml('<h1 contenteditable="false">Not editable text</h1>');
Esto evita que el usuario edite el contenido de la etiqueta, pero no impide que el usuario elimine por completo el elemento completo presionando el retroceso – Ernesto
Pregunta: si habilito el botón para ver la fuente (HTML), ¿puedo evitar que el usuario realice ediciones? – Upperstage
@Upper Stage: Buena pregunta. No lo sé. Lo intentaré más tarde si encuentro el tiempo. –
Pero no muestra el texto entre la etiqueta h1 en el editor Debería poder verlo en el editor pero no actualizarlo –