Как запретить ckeditor не добавлять в пустой тег html

Ответ 1

Взгляните на это сообщение: CKEditor unwanted & nbsp; символы

После некоторых исследований я мог бы пролить свет на этот вопрос - к сожалению, нет готового решения.

В CKEditor есть четыре способа, по которым не может быть места без пробелов (кто-нибудь знает больше?):

• Автоматическое заполнение пустых блоков. Это можно отключить в config:

  config.fillEmptyBlocks = false;
  

• Автоматическая вставка при нажатии клавиши TAB. Это можно отключить в config:

  config.tabSpaces = 0;
  

• Преобразование двоичных пространств в SPACE + NBSP. Это поведение браузера и, следовательно, не будет исправлено командой CKEditor. Он может быть исправлен serveride или клиентским javascript onunload. Возможно, этот php является старт:

  preg_replace('/\s \s/i', ' ', $text);
  

• Скопируйте и вставьте. Если вы введете UTF-8 без пробелов или двойные пробелы, CKEditor автоматически преобразует его. Единственный Решение, которое я вижу здесь, выполняет регулярное выражение, как указано выше. config.forcePasteAsPlainText = true; не помогает.

Сводка. Чтобы избавиться от всех пробелов, вам необходимо написать дополнительная функция, которая очищает ввод пользователя.

Комментарии и дальнейшие предложения очень ценятся! (Я использую ckeditor 3.6.4)

РЕДАКТИРОВАТЬ № 1

Посмотрите на это.

CKEDITOR.dtd.$removeEmpty.i= 0;

Вы также можете использовать это с помощью span и других тегов.

Документация к этому.

Остановить удаление пустого тега в CKEditor

Существует определенный список тегов, который будет удален, если empty (см. dtd.js и $removeEmpty или запустите CKEDITOR.dtd. $removeEmpty с консоли).

• Из HTmL

Чтобы убедиться, что пустой тег не удаляется, добавьте атрибут "Данных CKE-выжить:

<span data-cke-survive="true" ></span>

• Из конфигураций

Или вы можете настроить конкретный тег из не удаляемого:

if(window.CKEDITOR){
            CKEDITOR.on('instanceCreated', function (ev) {
                CKEDITOR.dtd.$removeEmpty['span'] = 0;
                CKEDITOR.dtd.$removeEmpty['TAG-NAME'] = 0;
           }
}

Установив элемент в 0 в CKEDITOR.dtd. $removeEmpty, он предотвращает удаление пустых меток CKEditor.

http://margotskapacs.com/

Ответ 2

Этот раздел может быть полезен fooobar.com/questions/159460/...

Вкратце. Вы можете отключить автоматическое заполнение пустых блоков в конфигурации:

config.fillEmptyBlocks = false;

Дополнительная информация- здесь

UPD.

Вы можете попробовать этот config.protectedSource.push(/<i[^>]*><\/i>/g);

От официальная документация

{Array} CKEDITOR.config.protectedSource Начиная с: 3.0

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

config.protectedSource.push(/< \? [\ s\S] *? \? > /g);//PHP-код

config.protectedSource.push(/<% [\ s\S] *?% > /g);//ASP-код

config.protectedSource.push(/(] + > [\ s |\S] *? </asp: [^ > ] + > ) | (] +/" > )/gi);//Код ASP.Net

UPD 2

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

CKEDITOR.on( 'instanceReady', function( ev )
{
// turn off excess line breaks in html output formatting for blockquote tag.
// In same way you can correct any tag output formating

ev.editor.dataProcessor.writer.setRules( 'blockquote',
{
  indent : false,
  breakBeforeOpen : false,
  breakAfterOpen : false,
  breakBeforeClose : false,
  breakAfterClose : true
});
});

Ответ 3

Для того, кто использует UniSharp/laravel-ckeditor

<script>
  var options = {
    fillEmptyBlocks: false,
  };

  CKEDITOR.replace( 'content', options);
</script>