Ckeditor автоматически удаляет пустой диапазон

Я использую ckeditor, и у меня есть странная проблема.

удаляет автоматически пустой <span> например

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

удален автоматически.

Я ищу решение за последние 2 дня, но не добился успеха. я пытаюсь поместить следующий код в

config.js

CKEDITOR.config.allowedContent = true;

но без успеха.

Я также добавляю следующий код в html, где я использую ckeditor, но не добился успеха.

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

спасибо

Ответ 1

В этом вопросе вы найдете два действительных ответа: CKEditor strips < я > Метка

Говорят, что их невозможно сохранить, если вы хотите увидеть их в редакторе, а второй говорит, что вы можете предотвратить их удаление, но вы их скроете.

Ответ 2

Я использую Django CMS 3, CKEditor 4.3, и я получил ту же проблему, используя twitter bootstrap glyphicon. Глядя на: http://ckeditor.com/forums/Support/Prevent-removal-of-empty-span-tags#forum-topic-top.

Чтобы разрешить пустой тег span, я добавил в конце ckeditor/config.js

CKEDITOR.dtd.$removeEmpty.span = 0;

Ответ 3

Я столкнулся с этой проблемой с той же проблемой и думал, что отправлю свое решение. Я не хотел, чтобы CKEditor удалял любые пустые элементы. Добавьте нижеследующий файл config.js:

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

Ответ 4

Единственный вариант, который работает для меня - добавить:

config.extraAllowedContent = 'span(*)';

в config.js, внутри:

CKEDITOR.editorConfig = function( config ) {

раздел '' (звездочка) позволяет всем классам внутри тега span, позволяя только выбранным именам классов просто добавлять их вместо '', разделенных символом ','

Ответ 5

Это было неприятно, но с помощью всего цепочки страниц я сравню то, что нашел, что работает здесь;

(Я использую CKEditor 4.4.1 с редактором inlinesave, но это должно работать с любым плагином)

в файле core/ filter.js

изменения:

var allowedContent = editor.config.allowedContent;

var allowedContent = true;

(он не рекомендовал этого, поэтому убедитесь, что вы проверяете, что пользователь сохраняет;-))

И затем в файле core/ dtd.js

рядом с нижним является $removeEmpty:, который содержит список элементов, которые он выбирает игнорировать, если они установлены в 1. Найдите диапазон и установите его с 1 на 0 (span: 0)

И если у вас есть плагин "glyphicons", добавленный в config.plugins в config.js, вы должны иметь возможность добавлять их, видеть их в редакторе и после его сохранения будь там!: -)

Надеюсь, что это поможет

Ответ 6

Здесь есть две проблемы:

1) <span> отбрасываются, поскольку они не допускаются.

2) <span> отбрасываются, поскольку они пусты.

Чтобы исправить проблему, вам нужно не только иметь непустые <span> s, но также и config.extraAllowedContent = 'span(selector1,selector2,...,selectorN)' в вашем файле конфигурации.

В качестве побочного примечания я рекомендую против config.allowedContent, потому что это позволит почти что угодно.