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/
Muchisimas gracias men, me ha ayudado bastante. Que Dios lo bendiga!
Hola, con la version 4 no consigo poner la alineacion de texto
[‘JustifyLeft’,’JustifyCenter’,’JustifyRight’,’JustifyBlock’]
Me podrias indicar como se ponen ahora?
gracias!!! capo