Luego de ver en un post anterior como Instalar CKeditor, acá tenemos 3 ejemplos de como personalziar la botonera de este gran editor HTML Online.

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

<script type="text/javascript">
	CKEDITOR.replace( 'comentarios' );
</script>

full

Ahora si lo que queremos es una botonera menora, con solo unas pocas opciones de textos podemos utilizar la versión “BASIC”

<script type="text/javascript">
	CKEDITOR.replace( 'comentarios',
		{
        		toolbar : 'Basic'
    		}
	);
</script>

basic

Y este es un ejemplo de como 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>

mibarra

Be Sociable, Share!


Si te resultó útil este artículo no olvides de dejar un comentario o visitar alguno de los auspiciantes. Gracias


  • Archivado bajo: Open Source, Software, Soluciones


    • Frases de los Buscadores:
    Estas frases son generadas con las palabras ingresadas en los buscadores que luego terminan en mi sitio. En algunos casos representan a contenido que si bien existe en mi blog, esta en otro post, por lo que cliqueando en cada una se puede realizar una busqueda y encontrarlo.