Deled специальный tgas inckeditor

Question

У меня есть эта строка в коде в поле длинного текста в ckeditor:

 <div style="width:100%"> <canvas id="canvas3"></canvas></div>

но когда я сохраняю, то удаляю и заменяю:

<div style="width:100%">&nbsp;</div>

поэтому удалите все: я использую, чтобы показать графику. Любая идея, чтобы решить это? Спасибо

Answer 1

Вам нужно добавить config.extraAllowedContent = 'canvas[*]{*}(*)'; внутри вашего config.js. По сути, ни один из существующих плагинов не сообщил об элементе canvas в Advanced Content Filter (ACF), поэтому они были удалены. Этот фильтр позволяет вам решить, какие теги, атрибуты, стили и классы можно использовать в редакторе.

Как только вы добавите это, пожалуйста, просто переключитесь в режим источника. Если canvas там, это означает, что CKEditor исправлен и больше не удаляет этот тег. Если тег, несмотря на то, что он находится в редакторе, по-прежнему не сохраняется в базе данных, проверьте код на стороне сервера на наличие потенциальных фильтров HTML.

Если вы хотите узнать больше об ACF, см .:

• https://docs.ckeditor.com/ckeditor4/latest/guide/dev_acf.html
• https://docs.ckeditor.com/ckeditor4/latest/guide/dev_advanced_content_filter.html
• https://ckeditor.com/docs/ckeditor4/latest/guide/dev_disallowed_content.html
• https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-allowedContent
• https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-extraAllowedContent
• https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-disallowedContent
• https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_filter.html#method-addTransformations