CKEditor Wysiwyg HTML editor

Full-functional visual (Wysiwyg) HTML editor for pages on Cotonti. Allows to edit page in Wysiwyg mode, and in direct HTML-code editing mode .

Full-functional visual (Wysiwyg) HTML editor for pages on Cotonti. Allows to edit page in Wysiwyg mode, and in direct HTML-code editing mode .

The plug-in version: 1.0.2 (2010-june-12)

Changes from the v1.0.1:
- Updated CKEditor: to CKEditor v 3.3.1 (revision 5586)
- Added plugin EmbedMedia to insert video from youtube, vimeo, , google video, etc.
- Added a plugin to insert code (php, html, etc.) with highlighting with standard for cotonti method. (thx to Dr2005Alex)
- Added button to insert a page tag "<!-- more -> " (thx to Dr2005Alex)
- Fixed a bug which made some hostings AjaxFileManager could cause a 404 error.
- Fixed bug due to which, if the page edited by not admin unnecessary data can be added to the database.

Changes from the first version:
CKEditor updated to version 3.2 SVN (revision 4981) There new feaches added and some errors are corrected.

Now it works and with jQuery (the documentation in English).
You can turn on the jQuery Adapter in control panel (by default it off).
You can read the full list of changes in a file ckeditor/ckeditor/CHANGES.html or on an official site.
If you use this plug-in, we recommend to you to be updated to the current version.

HTML pages - does not require additional parsing on the server side (like BB-codes) and does not require additional parsed code caching in a database.

You can insert whole pieces HTML of a code created in other editors to your pages.
Editing in Wysiwyg-mode is much easier, than operating with a BB-code.

This plugin based on CKEditor v.3. The detail can read on their official site.
The interface of the editor is similar to MS Word (OpenOffice).

Screenshoot:


The plug-in has the built in system for operation with file archive (PFS). It is based on standard Cotonti 0.6.8 PFS. But it allows to insert links from "My files" and "Site File archive" directly to editor window in HTML.

The plug-in can add Attribute «rel="thumbnail"» for beautiful image opening with plug-in: Thumbnailviewer (Should be installed on your site)

Also the plug-in adds attribute "title" to the <a> tag and attribute "alt" to the <img> tag. Value of attributes takes from the file description in PFS.

This plug-in includes Ajax FileManager, allowing to insert on edited page the link to a file (image, flash), from the folder on the server.
Also with Ajax FileManager you can upload files to the server to the specified folder.

Screenshoot:


Installation:
- To uzip archive
- Copy "ckeditor" folder in the "plugins" on the server.
- Install and customise it in the administration panel

Update:
- Delete files from the folder "plugins / ckeditor on the server.
- Copy the contents of the archive in this folder.
- Reinstall the plug-in control panel.
- Run the query to the database: "UPDATE` sed_pages `SET` page_html `=''WHERE` page_type `= 1"

The smilies installed in system "will be picked up by a plug-in.

After adding of new page and pressing the "Publish" button in the bottom of page, it saves automatically with "HTML" parsing

Additional possibilities:

You can use this editor and/or file manager in other places on a site, in othes plug-ins.

forum topic: Here...

P.S. sorry for my english
 

Полнофункциональный визуальный (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.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"

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

После добавления новой страницы и нажатия кнопки "Опубликовать" внизу страницы. При сохранении ей автоматически устанговится парсинг "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>

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

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

1. Dr2005alex  11. September 2009, 02:21
Отличный редактор! :)
Жаль тока с документацией плоховато! Надо бы кнопочек прикрутить!
2. Alex300  11. September 2009, 06:13
Документация доступна на официальном сайте по адресу http://docs.fckeditor.net. Но она вся на английском.

-----------------
CKEditor Documentation is available on official site on address http://docs.fckeditor.net . But it all in English.
3. donP  3. April 2010, 20:37
is there a way to implement this editor also in forums?
4. BlackMikeSG  9. September 2010, 04:19
отличный плуг.
единственное, что я сделал для себя - разделил папки юзеров в ajaxfilemanager'e.
теперь у каждого своя. ;)
5. annihillator  29. März 2011, 06:42

I can't seem to get it to work?  When I uploaded to CKEditor directory in the .zip it appeared on my admin panel as "No setup file found" whats wrong with it?

6. Kabak  5. Dezember 2013, 07:25

Где к нему взять дополнительные плагинчики ?  Например, поддержку окраски простого текста цветами.
 

7. Kabak  5. Dezember 2013, 09:50

Кто-нибудь разбирался с плагином Dialog  ?  Не получается что-то прикрутить диалоги (
 

Nur registrierte Benutzer können Kommentare schreiben