Free Website Hosting Anuncios

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

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:

?Ver código JAVASCRIPT
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/

Si te ha gustado este post, suscríbete al feed.

Categorías: configuraciones, Frames php, General, HTML, Javascript, Nuevas Tecnologias, Productos open source, Web 2.0

Deja una respuesta