Проблема TinyMCE 6.x: содержимое элемента шаблона удаляетсяHtml

Программисты Html
Ответить
Anonymous
 Проблема TinyMCE 6.x: содержимое элемента шаблона удаляется

Сообщение Anonymous »

При использовании элементов в TinyMCE 6.x содержимое (дочерние элементы) внутри этих шаблонов автоматически удаляется из DOM, в отличие от TinyMCE 5.x, где содержимое сохранялось. Такое поведение влияет на подходы к управлению условным контентом, основанные на элементах шаблона.
Шаги по воспроизведению
  • Инициализируйте редактор TinyMCE 6.x
  • Добавьте HTML-содержимое, содержащее элемент с дочерними элементами, например:

Код: Выделить всё

i am child

  • Обратите внимание, что внутреннее содержимое шаблона удалено из DOM.
Ожидаемое поведение
Элементы шаблона должны сохранять свое внутреннее содержимое (DocumentFragment) так же, как это было в TinyMCE 5.x.
Фактическое Поведение
В TinyMCE 6.x внутреннее содержимое элемента шаблона полностью удалено. При проверке DOM элемент шаблона существует, но не содержит дочерних элементов.
Попытка обходного пути
  • Измененная конфигурация схемы:

Код: Выделить всё

custom_elements: 'template',
non_empty_elements: 'td,th,iframe,video,audio,object,script,template,style,textarea',
valid_children: '+p[template],+div[template],+tr[template],+tbody[template],+td[template]',
  • Отключена проверка HTML:

Код: Выделить всё

schema: 'html5',  // instead of html5-strict
verify_html: false,
validate: false,
cleanup: false,
  • Добавлены настройки сохранения контента:

Код: Выделить всё

preserve_cdata: true,
raw: true,
forced_root_block: false,
Ни одна из этих конфигураций не решила проблему полностью.
Среда
  • Версия TinyMCE: 6.x (проблема не существует в 5.x)
  • Браузер: Chrome, Firefox, Safari (все ведут себя одинаково)
  • Реализация: Vue.js (но проблема появляется) быть с ядром TinyMCE)
Дополнительная информация
Похоже, это изменение в том, как TinyMCE 6.x обрабатывает нестандартные элементы HTML или теневые компоненты DOM. В нашем приложении мы используем элементы шаблона для условной видимости, и это изменение существенно влияет на наш рабочий процесс управления контентом.

Подробнее здесь: https://stackoverflow.com/questions/796 ... ng-removed
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»