Главная / Верстка / Плагины модули Cotonti / «SCEditor» - Cotonti плагин

«SCEditor» - Cotonti плагин


13.05.2014 16:343453

«SCEditor» - это плагин под Cotonti,  который подключает визуальный редактор с поддержкой BBCODE, облегчающий взаимодействие с контентом при публикации статей, постов, топиков, комментариев. В админпанель выведены такие настройки как локализация (выбор языков русский или английский), выбор скина для редактора (любой из восьми скинов можно переключить в админпанели).

Высота редактора также редактируется из админпанели, причем для каждой из конфигураций (а их всего три), стандарт (editor), средний набор (medieditor), и мини (minieditor). По умолчанию в Cotonti предустановлены такие варианты для различных локаций сайта:

  • Страницы - editor
  • Форум - medieditor
  • Комментарии - minieditor

Для облегчения настройки редактора в различных локациях сайта, выбор набора кнопок интегрирован в админпанель, что позволяет существенно расширить возможности конфигураций для отдельно взятых областей использования, например только для комментариев. В настройках есть три текстовых поля (textarea), каждое из которых отвечает за вывод набора кнопок в определенном месте.

Таким образом, можно просто перечислить необходимые кнопки через запятую, оставив нужные, убрав ненужные. Все изменения произведенные в админпанели тут же отобразятся после сохранения в редакторе.

Смайлики в Cotonti - это тоже тема для отдельной статьи, но в нашем случае необходимый объем смайликов уже внедрен, а именно больше 30!
Находятся они в отдельной папке самого редактора, при желании можно заменить их своими (одноименными). Для каждой конфигурации (из всего 3 в Cotonti) можно включить или отключить смайлики из админки, кнопка автоматически появится или скроется.

Просматривать изображения режиме галереи с затемняющимся фоном и настраивать автоматическое уменьшение до определенных размеров в админпанели, можно установив плагин Quickbox2, после чего редактор будет автоматически настроен на работу.

Вывод рекламных блоков внутри контента можно настроить установив плагин Myads, который может выводить содержимое в любой части сайта или внутри контента при добавлении через редактор. Плагин настроен таким образом, что при его установке кнопки вставки рекламных блоков появятся автоматически у разрешенных ID (настраивается в админке).

Спойлер на чистом css, кнопка hide (возможность скрывать содержимое от гостей), кавычки елочка, и много других интересных и полезных функций. Со списком кнопок и краткой информацией по ним можно ознакомиться на странице краткое руководство SCEditor.

Инструкция по установке
  1. Скачать и распаковать содержимое архива, скопировать файлы в папку plugins.
  2. Установить через панель: (Управление сайтом / Расширения / Sceditor).
  3. В настройках парсера выбрать редактором по умолчанию Sceditor.
  4. Чтобы не нарушать единые стили сайта и при этом использовать предустановленные стили, нужно тег вывода редактора обернуть в div с классом SCEWRAP *
  5. Если редактор не появился, почистите кеш.
  6. Дальнейшие настройки в админпанели по желанию


* Пример:

для полной новости:

<div class="SCEWRAP">{PAGE_TEXT}</div>

для форума:

<div class="SCEWRAP">{FORUMS_POSTS_ROW_TEXT}</div>

Для вызова окна  «Мои файлы» и «Файловый архив сайта»:

{PHP.Scepfs}{PHP.Scesfs}


Для того чтобы вставлять прямо из окна PFS изображения и ссылки в редактор (в режиме «Показать код»), нужно заменить теги:



в файле page.add.tpl найти:

<!-- IF {PAGEADD_FORM_PFS} -->{PAGEADD_FORM_PFS}<!-- ENDIF -->
<!-- IF {PAGEADD_FORM_SFS} --><span class="spaced">{PHP.cfg.separator}</span>{PAGEADD_FORM_SFS}<!-- ENDIF -->

Заменить на:

<!-- IF {PAGEADD_FORM_PFS} -->{PHP.Scepfs}<!-- ENDIF -->
<!-- IF {PAGEADD_FORM_SFS} --><span class="spaced">{PHP.cfg.separator}</span>{PHP.Scesfs}<!-- ENDIF -->


в файле page.edit.tpl найти:

<!-- IF {PAGEEDIT_FORM_PFS} -->{PAGEEDIT_FORM_PFS}<!-- ENDIF -->
<!-- IF {PAGEEDIT_FORM_SFS} --><span class="spaced">{PHP.cfg.separator}</span>{PAGEEDIT_FORM_SFS}<!-- ENDIF -->

Заменить на:

<!-- IF {PAGEEDIT_FORM_PFS} -->{PHP.Scepfs}<!-- ENDIF -->
<!-- IF {PAGEEDIT_FORM_SFS} --><span class="spaced">{PHP.cfg.separator}</span>{PHP.Scesfs}<!-- ENDIF -->


Если нужно добавить смайликов:

Открыть в папке плагина файл:  sceditor/minified/sceditor.bbcode.helper.js, в нем все смайлики находятся:


emoticons: {
			dropdown: {
				'[:smile:]': 'smile.png',
				'[:angel:]': 'angel.png',
				'[:angry:]': 'angry.png',
				'[:cool:]': 'cool.png',
				"[:cwy:]": 'cwy.png',
				'[:ermm:]': 'ermm.png',
				'[:grin:]': 'grin.png',
				'[:heart:]': 'heart.png',
				'[:sad:]':'sad.png',
				'[:shocked:]': 'shocked.png',
				'[:tongue:]': 'tongue.png',
				'[:wink:]': 'wink.png'
			},
			more: {
				'[:alien:]': 'alien.png',
				'[:blink:]': 'blink.png',
				'[:blush:]': 'blush.png',
				'[:cheerful:]': 'cheerful.png',
				'[:devil:]': 'devil.png',
				'[:dizzy:]': 'dizzy.png',
				'[:getlost:]': 'getlost.png',
				'[:happy:]': 'happy.png',
				'[:kissing:]': 'kissing.png',
				'[:ninja:]': 'ninja.png',
				'[:pinch:]': 'pinch.png',
				'[:pouty:]': 'pouty.png',
				'[:sick:]': 'sick.png',
				'[:sideways:]': 'sideways.png',
				'[:silly:]': 'silly.png',
				'[:sleeping:]': 'sleeping.png',
				'[:unsure:]': 'unsure.png',
				'[:woot:]': 'w00t.png',
				'[:wassat:]': 'wassat.png',
                '[:whistling:]': 'whistling.png',
				'[:love:]': 'wub.png'
			},
			hidden: {
				'[:whistling:]': 'whistling.png',
				'[:love:]': 'wub.png'
			}
		},


dropdown - в этом блоке смайлики которые сразу видны при вызове окна
more - в этом блоке смайлики которые видны только после дополнительного нажатия кнопки «больше»
hidden - скрытые смайлики

Таким образом вам достаточно загрузить нужные изображения смайлов в папку с остальными: sceditor/emoticons/  и дописать в один из блоков указанных выше, например:
предположим что вы решили загрузить 2 новых смайла, изображения называются newsmile1.png и newsmile2.png (для примера, вы можете называть как хотите, латинскими). Теперь остается прописать их в конфиг, например в dropdown добавить:

'[:newsmile1:]': 'newsmile1.png',
'[:newsmile2:]': 'newsmile2.png',


Если добавляете в начало, если в конец, то запятой после последнего смайла быть не должно в каждом из блоков.
После этого новые смайлы появятся в редакторе, если нет, почистите кеш.


Плагин разработан на основе редактора SCEditor от Sam Clarke | http://sceditor.com/license
Документация разработчикам: http://www.sceditor.com/documentation/getting-started/
API : http://www.sceditor.com/api/

 


Вы не можете скачивать прикрепленные файлы.
Пожалуйста, включите JavaScript!

Bbcode , Cotonti , Plugin , Sceditor , Визуальный Редактор





««SCEditor» - Cotonti плагин» - Похожие страницы

«Codelighter» - Cotonti плагин для подсветки кода «Codelighter» - плагин Cotonti «Codelighter»  - плагин под Cotonti, который предназначен для визуального выделения исходного кода при публикации, его подсветки.В первую очередь это может пригодиться ресурсам посвященным вебмастерингу, там...
Плагин justyload под Cotonti «Justyload» - плагин Cotonti «Justyload» - плагин под Cotonti, решение позволяющее настраивать время задержки скачивания файлов от 0 до N секунд, во время которого таймер обратного отсчета будет отсчитывать секунды, после чего появится ...
Плагин «Quickbox2» Cotonti галерея «Quickbox2» - плагин Cotonti «Quickbox2» - это плагин под Cotonti, легковесное решение на базе JQuery, позволяющее просматривать прикрепленные к новостям, постам на форуме, комментариям изображения в виде галереи, с возможностью эффекти...
«Justygotop» - плагин Cotonti «Justygotop» - плагин Cotonti «Justygotop» - это плагин под Cotonti, который сразу после установки выведет на сайте кнопку автоматического скроллинга страницы вверх. Для его работы необходимо включить библиотеку Jquery (если не включено)...
Плагин «Myads» Cotonti «Myads» - плагин Cotonti «Myads» -  это плагин под Cotonti, который предназначен для вывода рекламных блоков баннеров, тизеров и тд, в любом месте сайта с помощью вставки специального тега в шаблон, или внутри контента. Вывод реклам...

Комментарии отсутствуют
Добавление комментариев доступно только зарегистрированным пользователям