CKEditor agregar estilo CSS a la vista previa y al editor

¿Es posible agregar CSS para aplicar estilo al texto del editor, así como a la vista previa?CKEditor agregar estilo CSS a la vista previa y al editor

El CMS tiene un conjunto diferente de archivos CSS de la parte pública del sitio web y quiero que el editor intente (al menos) y refleje la forma en que se vería en el sitio.

Por ejemplo, todas las etiquetas con una clase de .floatLeft {float: left; margin: 0 10px 10px 0;} Quiero tener el mismo aspecto en el Editor.

Gracias.

Fuente

2010-08-31 Francisc

Configuración CKEDITOR.config.contentsCss variable. CKEDITOR.config.bodyClass y CKEDITOR.config.bodyId también podrían ser de ayuda. Estas son solo las opciones que tiene (creo).

Fuente

2010-08-31 10:45:01 Anpher

Excelente, gracias. – Francisc

CKEDITOR.config.contentsCss. ¡Gracias! –

sí, eso es lo que estaba buscando 'config.contentsCss = '/css/mysitestyles.css'; config.contentsCss = ['/css/mysitestyles.css', '/css/anotherfile.css']; ' – CrandellWS

Para ser más exactos, puede editar su ckeditor/plugins/styles/styles/default.js y agregar archivos como {name: 'FloatLeft', element: 'span', atributos: {'class': 'flotador izquierdo' }}.

Luego agregue a su ckeditor/contents.css (si decidió usar el estilo de editor) o en su propio estilo.css la declaración de clase .floatLeft {float: left; margin: 0 10px 10px 0;}

no se olvide de borrar la memoria caché del navegador después de guardar :)

Disfrute

Fuente

2011-08-01 06:57:10 Ravaka

Gracias, Ravaka. No quiero cambiar los archivos CORE. Solo configúralo. – Francisc

CKEditor agregar estilo CSS a la vista previa y al editor

Respuesta

Cuestiones relacionadas