CKEditor: forzar pegado como texto plano

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.

2 thoughts on “CKEditor: forzar pegado como texto plano”

  1. 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>

Leave a Reply

Your email address will not be published.

Time limit is exhausted. Please reload CAPTCHA.

This site uses Akismet to reduce spam. Learn how your comment data is processed.