Текстовый редактор 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. Благодарим за внимание, подписывайтесь на наши группы в соц. сетях и оставляйте комментарии.