Diego Di Camillo

Base de tips para problemas comunes de los desarrolladores.



Cambiar set default toolbar de CKEditor | change toolbar sets defaults CKEditor

25Ago10

CKEditor es un increíble editor wysiwyg , de altisima integración en páginas web, en este post simplemente voy a comentar como cambiar la apariencia por defecto, y setear su toolbar que trae por defecto, a mi gusto demasiadas herramientas:

1- Editar ckeditor/config.js con un editor de textos cualquiera.
2- Reemplazar su contenido por este:

CKEDITOR.editorConfig = function( config )
    {
       // Define changes to default configuration here. For example:
       // config.language = 'fr';
       // config.skin = 'office2003';
       //config.removePlugins =  'elementspath,enterkey,entities,forms,pastefromword,htmldataprocessor,specialchar' ;
       config.removePlugins =  'elementspath,enterkey,entities,forms,pastefromword,htmldataprocessor,specialchar,horizontalrule,wsc' ;
       config.skin = 'v2';
       //config.toolbar = 'Basic';
       CKEDITOR.config.toolbar = [
       ['Styles','Format','Font','FontSize'],
       '/',
       ['Bold','Italic','Underline','StrikeThrough','-','Undo','Redo','-','Cut','Copy','Paste','Find','Replace','-','Outdent','Indent','-','Print'],
       '/',
       ['NumberedList','BulletedList','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
       ['Image','Table','-','Link','Flash','Smiley','TextColor','BGColor','Source']
    ] ;
    };

3- Lo guardas y listo.

3.1 – Solo para los que no se conforman con copiar y pegar de un blog, si observas bien, he seteado esto: config.skin = ‘v2’; si lo comentas o eliminas volves a la vista anterior de CKEditor.
Por otro lado, si agregas o quitas elementos de la barra toolbar modificas a tu gusto la barra, simplemente borras ‘flash’ o ‘link’ porque eso no los quieres mostrar al usuario final.

Espero que les sirva tanto como a mi.

Ahhh, si alguien quiere descargar el CKEditor puede hacerlo en este enlace: http://cksource.com/

Archivado en: configuraciones, Frames php, General, HTML, Javascript, Nuevas Tecnologias, Productos open source, Web 2.0   |  3 Comentarios

3 comentarios a “Cambiar set default toolbar de CKEditor | change toolbar sets defaults CKEditor”  

Feed de este artículo URI para Trackbacks
  1. 1 Jhon Alex en Abr 14th, 2012 dijo:

    Muchisimas gracias men, me ha ayudado bastante. Que Dios lo bendiga!

  2. 2 Victorio en Abr 10th, 2013 dijo:

    Hola, con la version 4 no consigo poner la alineacion de texto

    [‘JustifyLeft’,’JustifyCenter’,’JustifyRight’,’JustifyBlock’]

    Me podrias indicar como se ponen ahora?

  3. 3 Juan Cruz en May 22nd, 2013 dijo:

    gracias!!! capo

Enviando tu Comentario
Por favor espera

Deja una respuesta

Hubo un error con tu comentario, por favor intenta de nuevo.



Comparte este artículo

  • Menéame  Menéalo
  • del.icio.us  Enviar a Del.icio.us
  • Mi Yahoo!  Agregar a Mi Web 2.0
  • Furl  Guardar en Furl
 


wordpressk2openswitchyukei.netfeedwordpress