ccc

CKEditor: Añadir tu propio CSS a CKEditor

En el fichero config.js de ckeditor editas:
    CKEDITOR.editorConfig = function( config ) {
            ...
            config.contentsCss = './ckeditor/css/cssLSG.css';
            // Si queremos aplicar un css concreto a todo el documento
           config.bodyClass = 'fontGrande';
     }

cssLSG.css contiene:
 .fontGrande { font-size:36px; color:#FF0000; }
.especialAzul { font-size:30px; color:#2C2961; background-color:#FF0000; font-family:verdana; border:1px solid #000;text-align:center; }

// Si queremos aplicar un estilo concreto a una parte del texto hay que seleccionar el texto, crear un div para él y asociarle la clase correspondiente (por ejemplo: especialAzul)

En el editor del CKEditor en HTML quedaría así:

<div class="especialAzul"><p>Aquí va mi texto</p></div>



1 comentario: