javascript - custom - ckeditor php

ckeditor eliminando lapso vacío automáticamente

Question

Estoy usando ckeditor y he variado problema extraño.

se elimina automáticamente vaciar <span> por ejemplo

 <span class="new-class"></span>

eliminado automáticamente.

Estoy buscando una solución para los últimos 2 días, pero no tengo éxito. trato de poner el siguiente código en

config.js

CKEDITOR.config.allowedContent = true;

pero sin éxito

También agrego el siguiente código en html donde uso ckeditor pero no tengo éxito.

   <script>     
var editor = CKEDITOR.replace( ''editor1'', {
allowedContent: true,
    } );
   </script>    

Gracias

Answer 1

Encontré este hilo con el mismo problema y pensé en publicar mi solución. No quería que CKEditor eliminara ningún elemento en blanco. Agregue lo siguiente al final de su archivo config.js:

    $.each(CKEDITOR.dtd.$removeEmpty, function (i, value) {
        CKEDITOR.dtd.$removeEmpty[i] = false;
    });

Answer 2

Encontrará dos respuestas válidas en esta pregunta: CKEditor strips <i> Tag

Uno dice que no es posible mantenerlos si desea verlos en el editor y el segundo dice que puede evitar que se eliminen, pero los ocultará.

Answer 3

Esto fue molesto, pero con la ayuda de un montón de páginas, recopilaré lo que encontré que funciona aquí;

(Estoy usando CKEditor 4.4.1 con el editor inlinesave, pero esto debería funcionar con cualquier complemento)

en el archivo core / filter.js

cambio:

var allowedContent = editor.config.allowedContent;

a:

var allowedContent = true;

(no se recomienda esto, así que asegúrate de comprobar qué está ahorrando el usuario ;-))

Y luego en el archivo core / dtd.js

cerca de la parte inferior hay un $removeEmpty: que contiene una lista de los elementos que elige ignorar si están configurados en 1. Encuentre el intervalo y configúrelo de 1 a 0 ( span: 0 )

Y si tiene el complemento "glyphicons" agregado a config.plugins en config.js , debería poder agregarlos, verlos en el editor y, una vez guardados, ¡todavía estará allí! :-)

Espero que esto ayude

Answer 4

Estoy usando Django CMS 3, CKEditor 4.3 y tuve el mismo problema al usar twitter bootstrap glyphicon. En: http://ckeditor.com/forums/Support/Prevent-removal-of-empty-span-tags#forum-topic-top .

Para permitir una etiqueta de intervalo vacía, he agregado al final de ckeditor / config.js

CKEDITOR.dtd.$removeEmpty.span = 0;

Answer 5

Hay dos problemas aquí:

1) <span> s se descartan porque no son contenidos permitidos.

2) <span> s se descartan porque están vacíos.

Para solucionar el problema, no solo necesita tener <span> no vacíos, sino que también necesita config.extraAllowedContent = ''span(selector1,selector2,...,selectorN)'' en su archivo de configuración.

Como nota al margen, lo recomiendo contra config.allowedContent porque eso permitiría casi cualquier cosa.

Answer 6

La única opción que me funciona es agregar:

config.extraAllowedContent = ''span(*)'';

en el config.js, dentro del:

CKEDITOR.editorConfig = function( config ) {

la sección '' '' (asterisco) permite que todas las clases dentro de la etiqueta span, para permitir solo los nombres de clase seleccionados, simplemente los agreguen en lugar de '' '', separados por '',''