Estoy intentando que la vista WYSYWG dentro de la pantalla CKEDITOR tenga el mismo formato que dentro del HTML final procesado.Ajustar el contenido de CKEditor WYSYWG con HTML adicional (no editable) para aplicar el formato de elemento específico
Actualmente estoy aplicando el CSS correcto mediante la especificación de la propiedad contentsCss al cargar CKEditor.
Esto funciona bien para algunos formatos, sin embargo, gran parte del formato css se aplica a elementos que rodearán el HTML editado dentro de la página final renderizada, por lo que la vista WYSYWG no es coherente con la vista final procesada.
Me gustaría poder especificar el código HTML en tiempo de ejecución, lo que envolverá el contenido HTML editable dentro de la vista CKEditor WYSYWG, pero no debe ser parte del código editable o renderizado dentro del código HTML.
Por ejemplo, actualmente el código HTML que rodea el contenido editable es:
<body spellcheck="false" class="cke_show_borders">
[Editable Content]
</body>
Cuando, como en un caso particular, lo haría las cosas como para rendir de esta manera:
<body spellcheck="false" class="cke_show_borders"><div id="container_everything"><div id="content_container"><div class="introduction_container"><div class="introduction_text">
[Editable Content]
</div></div></div></div></body>
Necesito ser capaz de especificar diferentes bloques de prefijo y sufijo en tiempo de ejecución, ya que el HTML específico depende del contexto del elemento que se está editando.
¿Alguien puede indicarme la dirección correcta?
Gracias.
¿Encontró una solución para esto? Estoy trabajando con una situación similar. – aaandre