dmCkEditor, evitar la tabulacion de parrafos

Cuando en nuestro proyectos de diem, utilizamos el plugin dmCkEditorPlugin para utilizar este editor visual en vez del markdown, podremos observar que tiene un comportamiento extraño.

dmCkEditorPlugin - Evitar tabulación en párrafos
dmCkEditorPlugin - Evitar tabulación en párrafos

Al añadir el texto, automáticamente introduce un tabulador, cosa que nos puede dar problemas a la hora de mostrar el contenido del campo en el front. .

Para evitarlo, añadimos en el fichero /web/dmCkEditorPlugin/js/ckEditor/config.js el siguiente código:

CKEDITOR.on('instanceReady', function( ev ) {
     var blockTags = ['div','h1','h2','h3','h4','h5','h6','p',
                      'pre','blockquote'];

     ev.editor.dataProcessor.writer.indentationChars = '  ';

     for (var i = 0; i < blockTags.length; i++)
     {
        ev.editor.dataProcessor.writer.setRules( blockTags[i], {
           indent : false,
           breakBeforeOpen : false,
           breakAfterOpen : false,
           breakBeforeClose : false,
           breakAfterClose : true
        });
     }
});

Y en /plugins/dmCkEditorPlugin/config/dm/config.yml, añadimos:

customConfig:       'config.js'
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir