El CKEditor es el editor de textos WYSIWYG para web que más me gusta, funciona estupendamente y tiene una API muy intuitiva.
Lo uso siempre que en un gestor de contenidos hay que poder editar texto dando un cierto formato, metiendo imágenes, tablas, etc… El problema suele venir cuando los clientes, al usarlo, copian y pegan de programas como Word, que mete su propio código HTML y cambia fuentes, tamaños de letra, espacios. Al final el contenido acaba quedando horroroso.
Pero nos podemos evitar estos dolores de cabeza con una opción de configuración muy sencilla:
config.forcePasteAsPlainText = true;
Simplemente añadiendo esta línea cualquier texto que se pegue se pegará como texto plano, librándonos de cualquier formato que pudiera tener el texto original y respetando el estilo de nuestra página.
where do i have to paste the code?
thanks
You should paste it before calling the setupCKEditor function, here’s the code snippet I use:
<script type=”text/javascript” src=”/aux/ckeditor/ckeditor.js”></script>
<script type=”text/javascript” src=”/aux/ckfinder/ckfinder.js”></script>
<script>
CKEDITOR.config.language = ‘es’;
CKEDITOR.config.toolbar = ‘Full’;
CKEDITOR.config.forcePasteAsPlainText = true;
CKEDITOR.config.toolbar_Full =
[
{ name: ‘clipboard’, items : [ ‘Source’,’Cut’,’Copy’,’Paste’,’PasteText’,’PasteFromWord’,’-‘,’Undo’,’Redo’ ] },
{ name: ‘basicstyles’, items : [ ‘Bold’,’Italic’,’Underline’,’Strike’,’Subscript’,’Superscript’,’-‘,’RemoveFormat’ ] },
‘/’,
{ name: ‘paragraph’, items : [ ‘NumberedList’,’BulletedList’,’-‘,’Outdent’,’Indent’,’-‘,’Blockquote’,’-‘,’JustifyLeft’,’JustifyCenter’,’JustifyRight’,’JustifyBlock’] },
{ name: ‘links’, items : [ ‘Link’,’Unlink’,’Anchor’ ] },
{ name: ‘insert’, items : [ ‘Image’,’HorizontalRule’,’Table’] },
{ name: ‘colors’, items : [ ‘Styles’ ] }
];
CKFinder.setupCKEditor( null, ‘/aux/ckfinder/’ );
</script>