TinyMce 4.1.4 - пятый редактор для ICMS 2.1.1

+45
7.12K
Предлагаю TinyMce 4.1.4 — пятый редактор для ICMS 2.1.1.
Иллюстрация

Скачать редактор TinyMCE 4.1.4

Создайте в папке wysiwyg новый директорий для редактора с именем tinymce .
Скачайте и разместите в папке tinymce файлы редактора wysiwyg/tinymce/tinymce.min,js и др.
Скачайте русский язык для редактора TinyMce
И разместите файл руссого или другого языка, в директории \wysiwyg\tinymce\langs\
Создайте в директории wysiwyg/tinymce/ файл wysiwyg.class.php с этим кодом
  1. <?php
  2. class cmsWysiwygTinymce{
  3. function __construct(){}
  4. public function displayEditor($field_id, $content=''){
  5.  
  6. $lang = cmsConfig::get('language');
  7. $user = cmsUser::getInstance();
  8. cmsTemplate::getInstance()->addJS('wysiwyg/tinymce/tinymce.min.js');
  9.  
  10. $dom_id = str_replace(array('[',']'), array('_', ''), $field_id);
  11.  
  12. echo html_textarea($field_id, $content, array('id'=>$dom_id));
  13.  
  14. ?><script type="text/javascript" >
  15. $(document).ready(function(){
  16. tinymce.init({mode : "exact",
  17. elements : "<?php echo $field_id; ?>",
  18. language : "ru",
  19. plugins : 'image'});
  20. });
  21. </script>
  22. <?php
  23. }
  24. }

Для текстового виджета файл /templates/default/controllers/admin/widgets.tpl.php
прописываем подключение редактора вместо имеющегося
  1. cmsTemplate::getInstance()->insertJS('wysiwyg/tinymce/tinymce.min.js');
system\widgets\text\options.form.php
заменяем в строке 'options' => array('editor' => 'redactor'), слово redactor на tinymce
  1. 'options' => array('editor' => 'tinymce'),
Для назначения редактора TINYMCE 4.1.4 по умолчанию в текстовых полях формы field Html следует изменить system/fields/html.php 15 строку
  1. 'default' => 'redactor' на 'default' => 'tinymce',
Подключение плагинов производится в инициализаторе — файл wysiwyg.class
  1. plugins : 'image, имя директории плагина 1, имя директории плагина 2'
Иллюстрация

Приятной Вам работы!

###############################

Все спасибо, вешайте на этот счет!
ЯД 410012594149116

olg-lubimova КОШЕЧКА yandex.ru
##############################
+4
Def Def 8 лет назад #
может и для 1.10.4 запилите заодно?)
0
oll oll 8 лет назад #
Редактор TinyMCE для Icms 1.10.4
+2
oll oll 8 лет назад #
Ссылка обновлена Скачать
0
Def Def 8 лет назад #
о, спасибо огромное!

а в редакторе нет загрузчика картинок или файлов?
0
Def Def 8 лет назад #
и возможность просмотра html кода?
0
Доротея Доротея 8 лет назад #
И в правду, для 1-й ветки было бы замечательно.
0
stealthdebuger stealthdebuger 8 лет назад #
Виджете
0
SpaceSel SpaceSel 8 лет назад #
Предлагаю пересмотреть список редакторов для двойки. Некоторые заменить на предложенные пользователями, либо расширить их список. Но сам предпочту первый вариант.
-2
letsgo letsgo 8 лет назад #
Надо бы уже добавить наверно кнопку для переключения редакторов в виджете и контенте, для дополнительных и отправить для Р2. Думаю с этого система только выиграет.
+4
Странник Странник 8 лет назад #
Не иначе, наша хозяюшка консервы открыла. В одних банках - помидоры, в других - огурцы, в третьих - лечо, а в этой редакторы)))))
0
Aryuts Aryuts 8 лет назад #
6-й, 7-й, 8-й ... rofl
0
Clear Clear 8 лет назад #
Все проделал, что то у меня ничего не изменилось к сожалению. Что не так ??
+3
oll oll 8 лет назад #
Для уже готовых типов контента нужно изменить используемый им редактор

тогда для появится выбранный редактор (там где он определен в типах контента )

Кто желает может воспользоваться готовыми файлами.Редактор TinyMCE4.1.4 CKEditor.4.4.4
Просто залейте в корень с заменой файлов для версии ICMS 2.1.1.В архиве настроен TinyMCE для текстовых виджетов и для полей типа HTML.
0
Clear Clear 8 лет назад #
Там то он выходит, я имею ввиду для текствого HTML виджета
0
Clear Clear 8 лет назад #
А ну все разобрался. Там просто напутано немного в виджетах. HTML блок наоборот без редактора, а текстовый с редактором. Я считал что наоборот должно быть
-1
Вампир Вампирыч Вампир Вампирыч 8 лет назад #
Редактор отличный, но почему нет загрузки картинок и youtube?
0
oll oll 8 лет назад #
Все "хочу" для редактора TinyMCE выполнены в виде подключаемых плагинов!
Бесплатные решения
Плагины на sourceforge.net
Штатные плагины
Как самостоятельно сделать плагин
Платные решения
Файловый менеджер - загрузчик файлов.
0
oll oll 8 лет назад #
Вот плагин youtube
Пять минут для установки , в файле класса wysiwyg.class.php измени так
Код PHP:
  1. $(document).ready(function(){
  2. tinymce.init({mode : "exact",
  3. elements : "<?php echo $field_id; ?>",
  4. language : "ru",
  5. plugins : ["link image youtube"
  6. ],
  7. toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link | youtube | image"
  8. });
  9. });
Все готово!

Ссылка на плагин взята с sourceforge.net . Там очень много полезного.
0
AmDmKo AmDmKo 8 лет назад #
Подскажите, в каком файле эти два значения? 640 и 385
0
Олег с клещами Олег с клещами 8 лет назад #
Почему то не хочет подключаться. Всё сделал в точности. Что не так? (Firefox)
0
oll oll 8 лет назад #
Plugins Image - Youtube
Папкм плагинов разместить в директории wysiwyg\tinymce\plugins
Включение плагинов в конфигураци файл wysiwyg.class.php
Строка plugins : "link image youtube" обозначает включен плагин ссылки-изображения-youtube
Строка toolbar: " link | youtube | image" означает вывод этих трех кнопок плагинов на панель редактора!
0
Доротея Доротея 8 лет назад #
в 1.1.04 проделать тоже самое в файле "..."?
0
oll oll 8 лет назад #
Да. Все точно так.только в другом файле.Изменения надо внести в plugins/p_tinumce/plugin.php 46-52
Код PHP:
  1. echo '<script>
  2. tinymce.init({
  3. selector: "textarea.tinymce",
  4. language : "ru",
  5. plugins : "image"
  6. });
  7. </script>';
Измени на
Код PHP:
  1. echo '<script>
  2. tinymce.init({
  3. selector: "textarea.tinymce",
  4. language : "ru",
  5. plugins : ["link image youtube"],
  6. toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link | youtube | image"
  7. });
  8. </script>';
0
dChirkis dChirkis 8 лет назад #
Не могу побороть стандартный плагин textcolor

plugins: [
"textcolor "
],

toolbar1: " textcolor "

Как должна выглядеть кнопка выбора цевета для текста?
0
dChirkis dChirkis 8 лет назад #
Нашел сам

Initialization Example


plugins: "textcolor",
toolbar: "forecolor backcolor"
0
Олег с клещами Олег с клещами 8 лет назад #
Редактор отличный, но опять усеченная версия. Можно попростить сделать полную сборку как на демо примере?
0
rol rol 8 лет назад #
Полную сборку вы сами делаете всего лишь в \wysiwyg\tinymce\plugins\wysiwyg.class.php
Пишите что вам не хватает в редакторе... подскажу...
0
DEKS DEKS 5 лет назад #
Как добавить кнопку "Источник" она же "< >".
0
Колян Колян 8 лет назад #
Не работает форматирование текста, а именно по ширине, по центру. Инет кнопочки посмотреть html код scratch
+1
Колян Колян 8 лет назад #
Также межстрочные интервалы в редакторе одни, после сохранения другие (отсутствуют)
0
Capitan Capitan 8 лет назад #
Че-то плохо встало на 2.1.2 Загрузка страниц тупит.

Как теперь удалить ?
0
Zorro Zorro 7 лет назад #
после всех вас, редактор не видно
0
MiMoHOD MiMoHOD 5 лет назад #
Кто проверял, работает ли корректно с icms 2.6.1?

Еще от автора

SEO FAQ ICMS v 1.10.4
Полнофункциональное SEO решение для компонента "FAQ" ICMS v1.10.4
SEO board ICMS v 1.10.4
Полнофункциональное SEO решение для компонента "Доска обьявлений" ICMS v1.10.4
SEOBOX  сборка ICMS 1.10.4
Начата реализация SEO дистрибутива системы ICMS версии 1.10.4
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.