TinyMCE – настройка, установка и использование визуального редактора. Возможные проблемы с TinyMCE Advanced и методы их решения. Управление поведением редактора в отношении html тэгов

Недавно возникла необходимость добавить на сайт клиента новую страницу. Админка на сайте была своеобразная, поэтому было решено сделать возможность администрирования новой страницы с помощью визуального редактора.

Был написан и отлажен скрипт администрирования страницы (html-код из на странице админки сохранялся в определенное место страницы - редактировалось основное содержание страницы без меню, шапки и прочего).

Дело оставалось за малым (как казалось) - прикрутить к форме администрирования визуальный редактор. Что же из этого вышло?

Установка и настройка TinyMCE

Сначала я попытался установить редактор TinyMCE. Это получилось, правда не без дополнительных заморочек.

Например, в TinyMCE нет встроенной загрузки изображений, поэтому приходится либо загружать картинки куда-нибудь и прописывать в TinyMCE урл картинки, либо устанавливать дополнительный плагин. Из всех плагинов для загрузки картинок в TinyMCE, что я перерыл за несколько дней и пытался устанавливать, однозначно рекомендую TinyBrowser. .

Еще одно затруднение, которое может возникнуть: как сделать русификацию TinyMCE. На официальном сайте немного непонятно, где именно скачать файлы русификации для TinyMCE. Делаем так: открываем страницу с языковыми фалами , находим «Russian», но не нажимаем на ссылку «XML», а ставим галочку слева, после этого в самом низу страницы нажимаем «Downloads». Скачанный архив с языковыми файлами надо распаковать поверх существующих папок в папке tiny_mce.

После установки оказалось, что TinyMCE безбожно перевирает html-код, удаляет из него то, что надо и вставляет в него какую-то свою неведомую хрень. В итоге, TinyMCE был удален, а вместо него прикручен редактор FCKeditor.

Итог: редактор TinyMCE устанавливать не рекомендую.

Установка и настройка FCKeditor (CKeditor)

Установить редактор FCKeditor (как, впрочем, и TinyMCE) довольно просто. Вот краткая инструкция по установке и настройке FCKeditor.

1) Скачиваем архив с редактором FCKeditor с официального сайта . Заливаем файлы из архива на сайт.

2) Создаем файл admin.php, содержащий форму:

  • Сергей Савенков

    какой то “куцый” обзор… как будто спешили куда то