Diem CMS

dmCkEditor, evitar la tabulacion de parrafos

Valora este post

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'

Dejar un comentario

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