Наши заметки о MODx
В этом разделе мы будем собирать небольшую копилку секретов по работе с системой управления контентом сайта (CMS) MODx. Эти заметки ни в коем случае не претендуют на лавры документации. На нашем сайте тема MODx вообще занимает небольшой уголок, и эти материалы мы размещаем только потому, что по роду основной работы нам приходится оказывать техническую поддержку нескольким десяткам организаций, использующих наши прототипы сайтов. В то же время кое-что может пригодиться и другим людям.
Мы не претендуем на изложение "истины в последней инстанции". Наверняка в этих заметках гуру MODx найдут неточности и ошибки. Мы будем очень благодарны, если на это нам укажут в комментариях.
В заметках мы стараемся не просто сразу приводить готовое правильное решение, но и показываем, как мы набивали шишки в процессе поиска.

Добавление таблиц и смайликов


Табличную верстку страниц сайта мы не применяем. Но вставлять таблицы в контент приходится. Кроме того, есть у нас такая слабость - вставлять в тексты смайлики и прочие противные мелкие значки. Чтобы облегчить такие действия мы подключим дополнительны плагины к TinyMCE.
Untitled document

Дополнение таблиц

  Попробуем подключить специальный плагин к самой TinyMCE под названием table.Сделать это очень просто - вписать в настройки TinyMCE в Конфигурации сайта в строку Индивидуальные плагины имя плагина table, а в строку Индивидуальные кнопки - Row1 имя кнопки table. И всё! Проверяем вставку таблицы:  

  Сохранять

Матч
 Счет
 Аргентина-Ямайка  5:0

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

Настройка смайликов

Для того, чтобы в TinyMCE вставлять смайлики нужно всего лишь вписать в настройки TinyMCE в Конфигурации сайта в строку Индивидуальные плагины имя плагина emotions, а в строку Индивидуальные кнопки - Row1 имя кнопки emotions. И появляется возможность вставлять смайлики.

Но мы это усовершенствуем. Смайлики TinyMCE находятся в gif-файлах в папке assets/plugins/tinymce213afm/jscripts/tiny_mce/plugins/emotions/images/. Это не очень хорошо - удалим редактор, поставим другой  - и все ссылки попортятся. Да и сами смайлики достаточно корявые. Поэтому мы создадим для смайликов специальную папку assets/images/smiley. В эту папку мы накидаем своих смайликов. Теперь, независимо от наличия TinyMCE они всегда будут доступны, их можно и просто вставлять как изображения, а можно и через кнопку TinyMCE - это будет просто быстрее.

Для этого нам потребуется небольшая корректировка. Берем файл

assets/plugins/tinymce213afm/jscripts/tiny_mce/plugins/emotions/emotions.htm

и изменяем в нем ссылки на смайлики. Например,вместо

<td>
<a href="javascript:insertEmotion('smiley-smile.gif','lang_emotions_smile');">
<img src="images/smiley-smile.gif" width="18" height="18" border="0"
alt="{$lang_emotions_smile}" title="{$lang_emotions_smile}" />
</a>
</td>

записываем

<td>
<a href="javascript:insertEmotion('smiley-smile.gif','lang_emotions_smile');">
<img src="../../../../../../../assets/images/smiley/smiley-smile.gif"   border="0"
alt="{$lang_emotions_smile}" title="{$lang_emotions_smile}" />
</a>
</td>

При необходимости можно и увеличить количество смайликов, и изменить их названия.

  В файле assets/plugins/tinymce213afm/jscripts/tiny_mce/plugins/emotions/jscripts/functions.js изменяем

var html = '<img src="' + tinyMCE.baseURL + "/plugins/emotions/images/" +
file_name + '"/plugins/emotions/images/" + file_name +
'" border="0" alt="' + title + '" title="' + title + '" />';

на

var html = '<img src="'+"assets/images/smiley/" +
file_name + '"assets/images/smiley/" + file_name +
'" border="0" alt="' + title + '" title="' + title + '" />';

Обратите внимание на "неправильную" расстановку двойных и одинарных кавычек. Так надо.

 Вот теперь мы легко можем вставлять смайлики. Эти - из диалога:

УлыбкаПодмигнутьКрутоСмущенныйПлачАгрессивныйНахмуренныйСюрпризПоцелуйСмехНерешительныйСекретХмурыйДумаю

А эти - как картинки, через файловый менеджер:

АплодисментыСинякПомидорыРусский 

Эти замечательные Авторские смайлы стиля Колобок  разработал Mantsurov Ivan aka Aiwan и (или) его коллеги.

Наш сайт частный и некоммерческий, поэтому использование этих смайликов разрешается автором.

Огласите весь список!

А какие вообще плагины к TinyMCE имеются? Вот список с комментариями из установленной у нас сборки.

21-01-2009 22:15:34



    Содержание раздела «Дополнительные кнопки TinyMCE»:
Комментарии любых посетителей

Написать комментарий