WYSIWYG: Пользовательская настройка — различия между версиями
Cmac (обсуждение | вклад) (Новая страница: «В версии 2.6 у внедренца появилась возможность "тонкой" настройки визуального редактора, на…») |
Stexe (обсуждение | вклад) |
||
| (не показана 1 промежуточная версия этого же участника) | |||
| Строка 1: | Строка 1: | ||
| − | + | [[Категория: Вопросы и уроки разработки сайтов на UMI.CMS]] | |
| − | + | '''Актуально для версии 2.9.6'''<br/><br/> | |
| − | + | '''Задача:''' Начиная с версии 2.6 появилась возможность "тонкой" настройки визуального редактора, например, подключить свой файл стилей (CSS), настроить классы для типовых элементов, изменить настройки по "чистке" избыточного кода и многое другое. Подробное описание всех параметров для настройки WYSIWYG можно прочитать [http://wiki.moxiecode.com/index.php/TinyMCE:Configuration здесь].<br/><br/> | |
| − | + | '''Реализация:''' | |
| − | |||
| + | Для настройки визуального редактора появился custom конфигурационный файл. Этот файл не будет перезаписан при обновлении. | ||
Путь к файлу: | Путь к файлу: | ||
| − | '''/tinymce/jscripts/tiny_mce/tinymce_custom.js''' | + | '''/js/cms/wysiwyg/tinymce/jscripts/tiny_mce/tinymce_custom.js''' |
Файл содержит код javascript-объекта window.mceCustomSettings, в начальной поставке файл выглядит примерно так: | Файл содержит код javascript-объекта window.mceCustomSettings, в начальной поставке файл выглядит примерно так: | ||
| Строка 23: | Строка 23: | ||
</source> | </source> | ||
| − | '''Обратите внимание:''' при модификации объекта следите за тем, чтобы после последней опции (перед }) не было запятой. В противном случае редактор перестанет работать в | + | '''Обратите внимание:''' при модификации объекта следите за тем, чтобы после последней опции (перед }) не было запятой. В противном случае редактор перестанет работать в браузере Internet Explorer. |
Текущая версия на 09:29, 28 апреля 2014
Актуально для версии 2.9.6
Задача: Начиная с версии 2.6 появилась возможность "тонкой" настройки визуального редактора, например, подключить свой файл стилей (CSS), настроить классы для типовых элементов, изменить настройки по "чистке" избыточного кода и многое другое. Подробное описание всех параметров для настройки WYSIWYG можно прочитать здесь.
Реализация:
Для настройки визуального редактора появился custom конфигурационный файл. Этот файл не будет перезаписан при обновлении. Путь к файлу: /js/cms/wysiwyg/tinymce/jscripts/tiny_mce/tinymce_custom.js
Файл содержит код javascript-объекта window.mceCustomSettings, в начальной поставке файл выглядит примерно так:
// index/reference page for all available core configuration options in TinyMCE:
// http://wiki.moxiecode.com/index.php/TinyMCE:Configuration
window.mceCustomSettings = {
convert_fonts_to_spans : true, // convert <font ..> tags to <span style="color:red,...">
cleanup : true, // remove all unknown tags and attributes
extended_valid_elements : "script[type=text/javascript|src|languge|lang],map[*],area[*],umi:*[*],input[*]", // extended tags and atributes
content_css : "/css/cms/style.css", // enable custom CSS
theme_advanced_styles : "Table=my-table;Table Cell=my-table-cell;Table Row=my-table-row" // custom css classes
}
Обратите внимание: при модификации объекта следите за тем, чтобы после последней опции (перед }) не было запятой. В противном случае редактор перестанет работать в браузере Internet Explorer.
