WYSIWYG (является аббревиатурой от англ. What You See Is What You Get, «что видишь, то и получишь») — программа, в которой содержание отображается в процессе редактирования и выглядит очень похоже на конечную продукцию, которая может быть печатным документом, веб-страницей, слайд-презентацией или даже использоваться для освещения театральных событий.

В отличие от стандартного для движка BB-кода, хранение страниц в HTML - не требует дополнительного парсинга на серверной стороне и не требует дополнительного кеширования спарсенного кода в базе данных, что экономит рессурсы на хостинге.
Более, того есть возможность вставлять на страницы целые куски HTML кода, созданные в других редакторах.
Для неопытных пользователей редактирование в режиме Wysiwyg гораздо легче и понятнее, нежели работа с BB-кодом.
Если на Вашем сайте добавлять страницы может только администратор или ограниченный круг лиц, проблем с безопасностью не будет.

Данный редактор реализован на базе редактора CKEditor v.3. Данный редактор является полностью переписаным продолжением эволюции FCKEditor'а. Подробности можно прочитать на их официальном сайте.
Интерфейс редактора схож с MS Word (OpenOffice) и интуитивно понятен.

Версия плагина:   1.0.2 от 12.06.2010

Отличия от версии 1.0.1:
- Обновлен CKEditor:до CKEditor v 3.3.1 (revision 5586)
- Добавлен плагин EmbedMedia для вставки видео с youtube, vimeo, video@mail.ru, google video и т.д
- Добавлен плагин для вставки кода (php, html и т.п) с выделением, стандартным для cotonti.
- Добавлена кнопка для вставки на страницу тега "<!--more-->"
- Исправлена ошибка из-за которой на некоторых хостнгах вызов AjaxFileManager мог вызвать 404 ошибку.
- Исправлена ошибка из-за которой, если страницу редактировал не администратор ненужные данные могли добавляться в базу данных.

Отличия от первой версии: CKEditor обновлен до версии CKEditor 3.2 SVN (revision 4981), в котрой добавлены новые возможности и исправлены некоторые ошибки.
Теперь он работает и с jQuery (документация на английском языке). Включить адаптер для jQuery можно в панели управления (по умолчанию выкл).
Полный список изменений Вы можете прочитать в файле ckeditor/ckeditor/CHANGES.html или на официальном сайте.
Если Вы используете этот плагин, мы рекомендуем Вам обновиться до текущей версии.

Скриншут:

Плагин имеет встроенную систему для работы с файловым архивом (PFS). Она основана на стандартной из Cotonti 0.6.8. Разница в том, что она позволяет вставлять ссылки из "Мои файлы" и "Файловый архив сайта" прямо в окно редактора в формате HTML.

Плагин может добавлять в теги превьюшек «rel="thumbnail"» для красивого открытия картинок при помощи плагина: Thumbnailviewer (Должен быть установлен на Вашем сайте)

Также плагин добавляет в тег <a> атрибут "title" а в тег <img> атрибут "alt". Значение атрибутов берется из описания файла в PFS.

Часто на сайте бывает нужно сделать отдельную папку для хранения файлов. А использовать PFS неудобно. Например сделать папку для хранения иллюстраций для новостей. Незачем в PFS держать кучу картинок за много лет. А в этой папке можно организовать удобное хранилище при помощи подпапок.
В состав плагина входит Ajax FileManager, позволяющий вставить на редактируемую страницу ссылку на файл из такой папки (и всех вложенных), изображение или флеш. По соображения безопасности он не даст выйти на уровень выше указанной папки и посмотреть другие каталоги на сервере. (рекомендуется использовать только администратором сайта).
Также можно при помощи него можно отгружать файлы в эту папку (или ее подпапки), создавать вложенные папки.

Скриншут:


Установка:
- распаковать архив
- скопировать папку ckeditor в папку plugins на сервере.
- Настроить через панель администрирования

Обновление:
- Удалить файлы из папки "plugins/ckeditor" на сервере.
- Скопировать содержимое архива в эту папку.
- Переустановить плагин в панели управления.
- Выполнить запрос к БД: "UPDATE `sed_pages` SET `page_html`='' WHERE `page_type`=1"

Установленные в системе смайлики будут "Подхвачены плагином". Дополнительных настроек не требуется.


Дополнительные возможности:

Если Вы хотите использовать редактор в других местах на сайте, в своих плагинах, например, то а настройках плагина отключите опцию "«ckeditor.js» только для редактирования страниц". Как заменить тег <textarea> на редактор можно посмотреть в файле "ckeditor.page.edit.php" и прочитать на офсайте.
Включен ли редактор в данный момент, вы Можете проверить программно проанализировав константу: 'COT_CKEDITOR' на значение 'TRUE'

Для использования упрощенной панели инструментов редактора (только форматирование), при инициализации редактора укажите свойство «toolbar : 'Basic'». Имеется возможность задавать свой набор кнопок.

Если Вы хотите использовать отдельно AjaxFileManager (например в форме нужно ввести имя файла с сервера)- описание смотрите тут.
Например можно использовать функцию:

function setFile(elementId)
    {
        var win = window.open('admin/tinymce/jscripts/tiny_mce/plugins/ajaxfilemanager/ajaxfilemanager.php?editor=form&elementId='+elementId, 'ajaxFileImageManager', 'width=782,height=500');       
        return false;
    }

Далее в HTML форме:

<input type="text" class="input" name="photo[2]" value="" id="photo2" /> <button  onclick="return setFile('photo2');">Browse</button>

Сумбурное получилось описание

Страница плагина на официальном сайте Cotonti.

Также рекомендуем прочитать:

Совместное использование CKEditor и jQuery