TinyMCE – это отличный онлайновый WYSIWYG редактор, который можно использовать для проектов любой сложности. Визуальный редактор можно применить везде, где необходимо создавать html страницы, или наполнять контентом сайт. TinyMCE это бесплатный редактор, который будет понятен даже моей бабушке, так как его интерфейс похож на MSOffice.
Если он бесплатен, как они получают прибыль? Проект tinymce держится на продаже плагинов для своего редактора. Например, плагины для загрузки картинок, или управления ссылками.
Сейчас мы решим проблему с загрузкой картинок в редактор TinyMCE. Редактор имеет два режима: простой и расширенный. В расширенном режиме функция загрузки картинок имеет опцию выбора картинки из списка. Этот список формируется с помощью простого куска JavaScript кода, который хранит имя файла (картинки) и текст подписи.
var tinyMCEImageList = new Array(["Logo", "logo.jpg"]);
Используя PHP мы можем генерировать этот лист динамически. Но, сначала надо реализовать загрузку картинок на сервер (хостинг) и хранение их в БД. Мы будем использовать готовый PHP класс, который вы можете скачать: upload_class.zip (33 kb).
Вот применение этого класса, все просто: форма, которая загружает файл в папку fotos.
Теперь мы можем использовать динамический лист, для загрузки картинок в TinyMCE. Следующий JavaScript код, показывает базовую конфигурацию. Скрипт tinymce имеет огромное количество опций и настроек.