Ваш город Сиэтл
+7 4832590 366

TinyMCE вырезает теги - исключения для тегов TinyMCE

2016-09-21

Текстовый редактор TinyMCE в визуальном режиме при стандартной конфигурации обрезает некоторый теги и свойства. В ряде случаев может возникнуть потребность расширить разрешенный перечень тегов в текстовом редакторе, например для добавление тегов: <style></style>, <script></script>, <link> и прочие необходимые теги. В таком случае текстовый редактор получает дополнительные функциональный возможности. Решение подобной ситуации предусмотрено разработчиками текстового редактора TinyMCE.

Запрещаем обрезать необходимые теги. Примеры

Задача с запретом вырезания необходимых для нашей задачи тегов решается на этапе инициализации текстового редактора, путем указания правил-исключения для вырезаемых тегов.

Параметр extended_valid_elements:

tinyMCE.init({
...
extended_valid_elements : "img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name]"
});

 Где img - это тег. [class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name] - список разрешенных параметров для тега.

Существует также решение для ситуаций, когда нет ясной определенности в необходимых параметрах нужного тега. В этом случае мы вместо перечня параметров указываем * - т.е. разрешаем любые параметры тега. Пример:

tinyMCE.init({
...
extended_valid_elements : "img[*],style[*],list[*]"
});

Вот пожалуй и вся хитрость в конфигурировании правил-исключения вырезаемых тегов текстового редактора TinyMCE. Благодарим за внимание, подписывайтесь на наши группы в соц. сетях и оставляйте комментарии.

Лучший способ сказать автору «СПАСИБО» - рассказать друзьям или поделиться ссылкой!

Другие статьи по данной теме: