Personalizar CKEditor | Barra de Herramientas

Despúes de ver como se Instala CKeditor, aquí tenemos 3 ejemplos de cómo personalizar la botonera de este gran editor HTML Online.

Suponiendo que nuestro campo “Text Area” se llama comentarios, la instalación estándar se hace con el siguiente código y muestra una botonera completa

<script type="text/javascript">

CKEDITOR.replace( ‘comentarios’ );

</script>

Ahora si lo que queremos es una botonera más pequeña, con solo unas pocas opciones de textos podemos utilizar la versión “BASIC”

<script type="text/javascript">

CKEDITOR.replace( ‘comentarios’,

{

toolbar : ‘Basic’

}

);

</script>

Y este es un ejemplo de cómo personalizar la botonera con las opciones que necesitamos.

<script type="text/javascript">

CKEDITOR.replace( ‘comentarios’,

{

toolbar :

[

                    [‘Styles’, ‘Format’],

[‘Bold’, ‘Italic’, ‘-‘, ‘NumberedList’,
‘BulletedList’, ‘-‘, ‘Link’, ‘-‘, ‘About’]

]

} );

</script>

Enlace | Pablo Glanz