Foren / National / Russian / Модули и плагины / [Update] HTML CKEditor для страниц v.1.0.2

HTML Wysiwyg редактор CKEditor для страниц

Alex300
#16832 6. September 2009, 06:48
Полнофункциональный визуальный (Wysiwyg) HTML редактор для страниц на Cotonti. Позволяет редактировать страницу как в режиме Wysiwyg, так и в режиме непосредственного редактирования HTML-кода.

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

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


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

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

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

Скриншут:


Плагин имеет встроенную систему для работы с файловым архивом (PFS). Она основана на стандартной из Cotonti 0.6.2. Разница в том, что она позволяет вставлять ссылки из "Мои файлы" и "Файловый архив сайта" прямо в окно редактора в формате 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"


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

После добавления новой страницы и нажатия кнопки "Опубликовать" внизу страницы. При сохранении ей автоматически устанговится парсинг "HTML"

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

Если Вы хотите использовать редактор в других местах на сайте, в своих плагинах, например, то а настройках плагина отключите опцию "«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" />&nbsp;<button  onclick="return setFile('photo2');">Browse</button>

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

Скачать:
ckeditor.zip

P.S.
Прошу помощи с англоязычном переводом описания плагина и перевода файла: 'lang/ckeditor.en.lang.php'. Буду признателен.

Спасибо Dr2005alex : Плагин Code для Ckeditor :) - Дополнение к CKEditor - добавляем кнопку к редактору
Есть миры, не здесь, там, где небеса горят, и моря засыпают, и реки дремлют; люди сделаны из дыма, а города – из песен. Где-то опасность, где-то несправедливость, даже где-то остыл чай. Идем Эйс, у нас много работы!...
...Sorry for my english...
Бесплатные расширения для Cotonti: https://lily-software.com/free-scripts/

Dieser Beitrag wurde von Alex300 (am 22. Juni 2010, 06:14, vor 15 Jahre) bearbeitet