Configurar ckeditor

Hay bastantes opciones de configuración en el editor ckeditor, podemos establecer opciones como el color, las dimensiones, los botones, el idioma, el skin a utilizar, y más.



Esta configuración la podemos guardar en un archivo de configuración de ckeditor y podemos tener asi varias configuraciones disponibles según el formulario que queramos mostrar al usuario. Un ejemplo de un fichero de configuración para ckeditor seria: (myconfig.js)

CKEDITOR.editorConfig = function( config )
{
  config.language = 'es';
  config.uiColor = '#efefde';
  config.skin = 'kama';
  config.enterMode = CKEDITOR.ENTER_BR;
  config.colorButton_colors = '4A5A73,c54747,00773d,555555';
  config.height        = '80px';
  config.width        = '490px';
  config.toolbar_Full = [
    ['Bold','Italic','Underline','TextColor','FontSize'],
    ['Link','Unlink'],
    ['Smiley'],['BulletedList'],['Image']
  ];
};

Este archivo lo guardariamos en la carpeta raiz de ckeditor (ahi encontraremos el archivo config.js, que es la configuración por defecto para ckeditor). Para utilizar esta configuracion lo hariamos de la siguiente forma:

<!--incluir ckeditor-->

<script type="text/javascript" src="./ckeditor/ckeditor.js"></script>

<!--el formulario-->

<textarea cols="40" rows="5" name="mitextarea"></textarea>
<script type="text/javascript">
   CKEDITOR.replace('mitextarea',{customConfig : 'myconfig.js'});
</script>

Primero se incluye el fichero javascript con ckeditor, a continuación en nuestro formulario creamos un textarea con nombre mitextarea, al cual le asignamos el ckeditor reemplazando la configuración por defecto por la de nuestro archivo myconfig.js.