WYSIWYG: Пользовательская настройка — различия между версиями

Материал из Umicms
Перейти к:навигация, поиск
(Новая страница: «В версии 2.6 у внедренца появилась возможность "тонкой" настройки визуального редактора, на…»)
 
 
(не показана 1 промежуточная версия этого же участника)
Строка 1: Строка 1:
В версии 2.6 у внедренца появилась возможность "тонкой" настройки визуального редактора, например, подключить свой css - файл, настроить классы для типовых элементов, изменить настройки по "чистке" избыточного кода и многое другое. Подробное описание всех параметров для настройки визивига можно прочитать [http://wiki.moxiecode.com/index.php/TinyMCE:Configuration здесь].  
+
[[Категория: Вопросы и уроки разработки сайтов на 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>
  
'''Обратите внимание:''' при модификации объекта следите за тем, чтобы после последней опции (перед }) не было запятой. В противном случае редактор перестанет работать в IE
+
'''Обратите внимание:''' при модификации объекта следите за тем, чтобы после последней опции (перед }) не было запятой. В противном случае редактор перестанет работать в браузере 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.