Redactor. Вставка картинок, спойлер и удаление кнопок. 2.X

Ris

1 год назад (25 марта 2017) 1402

Продолжаем издеваться над интерфейсом двойки.
Теперь очередь дошла до редактора.
Я несколько раз спрашивал, как можно вставлять в редакторе картинки из сети. И мне неоднократно отвечали, что практически никак.

Порывшись в интернетах нашел плагин для редактора, позволяющий вставлять картинки из сети, сделанный Алексеем Киневым.
Слегка шваркнув его напильником, подключил к редактору. Также удалил четыре уж совсем одиозных кнопки, которые вообще не знаю, кому понадобятся.
Ну и напоследок воткнул туда спойлер. Который, правда, работает только при отключенном тупографе (Настройки-Типы контента - нужный тип контента - Поля - Текст. Убрать галку "обрабатывать типографом").

Выглядит это примерно так:

Картинка на сервер не загружается, а вставляется по ссылке на удаленный сервер. Картинку можно масштабировать при клике на неё.

Установка: скопировать с заменой содержимое архива в корень сайта.
Если что-то не понравится - просто заменить папку \wysiwyg\redactor\ на дефолтную из установщика.

Скачать файлы.

Скачать версию с кнопками "Отменить" и "Повторить".

В связи с появлением спойлеров в INSTSNTCMS 2.7.2, доработал спойлер для редактора:

Спойлер

Скачать версию для INSTANTCMS 2.7.2

Редактор для 2.8.2. Спойлер на яваскрипте. То есть будет работать в браузере Safary

Скачать редактор для 2.8.2

+17

Новое в блогах

Шаблон tseso, версия 2.9.0-3

Олег Васильевич я 11 апреля 2018 12

AMP + Турбо-страницы

Evanescence 10 апреля 2018 72

Обновление Вопросы до 1.2.0

Evanescence 9 апреля 2018 2

Компонент "Языки 2.0" для ICMS 2 - Обновление 2.1

dwd 7 апреля 2018 1

Юбилейная распродажа!

r2 6 апреля 2018 10

Поле «SEO-текст» для ICMS 2

dwd 6 апреля 2018 44

Поле «Голосование» для ICMS 2

dwd 6 апреля 2018 13

Виджет "Список контента с фильтрацией по категориям"

Олег Васильевич я 5 апреля 2018 8

10 лет InstantCMS - С днем рождения!

Kreator 4 апреля 2018 30

Бэкап базы данных по расписанию.

Ris 25 марта 2018 36

← Смайлы BBCODE для INSTANTCMS2.7.1 | Аудиоплеер для контента. →

Теги: redactor, instantcms2, imperavi, imagelink

Комментарии (32)

Владимир 25 марта 2017 в 00:25 0

Хорошо бы изыскать возможность внедрить в редактор кнопку отмены последнего действия (плагин видимо)...

Ris 25 марта 2017 в 00:27 0

Она самая первая. <>
Редактор вываливается в голый html и можно отменять что угодно.

Владимир 25 марта 2017 в 03:02 0

Редактор вываливается в голый html и можно отменять что угодно.

Hе понял этого. Интересует отмена случайного неправильного действия, например, удаления части текста до сохранения результата редактирования. Такой плагин, помнится, у Tini был.

Ris 25 марта 2017 в 12:09 0

Да, Вы правы.
И даже в редакторе это всё уже есть. Оставалось только кнопки добавить. Спасибо за наводку!

Спойлер

Правда пришлось выкинуть кнопки "Таблица" и "Размер шрифта". smile

Вот попробуйте:
Скачать redactor_sp1.0.zip

Владимир 25 марта 2017 в 22:23 0

Спасибо большое! Обязательно попробую! -)

Jestik 25 марта 2017 в 08:34 0

Просто вставляет? Без загрузки на свой сервер?

Ris 25 марта 2017 в 09:08 +1

Вставляет. smile

Pocus 25 марта 2017 в 10:44 0

Нехороший тег <p "=""> исправлен?

Ris 25 марта 2017 в 11:12 0

Увы, я не в курсе проблемы.

Владимир 25 марта 2017 в 22:33 0

http://www.instantcms.ru/forum/thread24516-3.html - пробовал решение проблемы отсюда - всё работает.
Те изменения в redactor.js что описаны в теме (сам файл) нужно внести в ваши сборки, Ris.

Ris 26 марта 2017 в 01:13 0

Да, посмотрел.
Val удалил пару кавычек после $2:
html = html.replace(/<(.*?)rel="\s*?"(.*?[^>]?)>/gi, '<$1$2>');
html = html.replace(/<(.*?)style="\s*?"(.*?[^>]?)>/gi, '<$1$2>');

Потестирую. Будет нормально работать - можно и разработчикам написать, чтобы имели в виду.

BoAnRo 26 марта 2017 в 02:47 0

После замены этого файла не видел каких-либо проблем в работе redactor, хотя уже давно его заменил.

Bubble Gumoff 26 марта 2017 в 16:59 0

Не понятно в какой форме вставляется картинка из сети, сохраняется на сервер и становится локальной или просто транслируется по ссылке с оригинала. ссылку на плагин хотябы.

Ris 26 марта 2017 в 19:05 0

Транслируется.
Ссылка на скачивание в тексте поста. Даже две.

Ris 5 апреля 2017 в 15:18 +1

Повинуясь велению времени, доработал плагин спойлера для редактора под версию 2.7.2
Так как типограф теперь не режет спойлеры, его можно не отключать.
Ссылка на скачивание внизу поста.

Dost 9 августа 2017 в 16:43 0

Подскажите, а кнопку <hide> можно дополнительно вывести, анологично кнопке <b>? чтобы выделить текст и нажать кнопку и вручную не вводить?

Также пытаюсь плагин файлы подключить, не нашел где кнопки выводятся.

Pocus 9 августа 2017 в 18:15 0

Вы под это дополнение хотите?

Ris 9 августа 2017 в 18:20 0

Для какой версии редактора сделать?
Которая была в 2.7.2 или которая в 2.8.0 ?

Dost 9 августа 2017 в 19:05 0

Для 2,8

Ris 9 августа 2017 в 19:18 0

http://www.instantcms.ru/users/files/download6612.html
В файле \wysiwyg\redactor\wysiwyg.class.php допишите hide в массив плагинов:

Код PHP:

$plugins = array(
            'fontfamily',
            'fontsize',
            'fullscreen',
            'fontcolor',
	    'hide'
);

В \wysiwyg\redactor\files\redactor.css допишите картинку к кнопке:

Код CSS:

.re-hide:before {
	content: url(/wysiwyg/redactor/files/plugins/hide/hide.png);
}

Dost 9 августа 2017 в 19:37 0

в версии 2,8 не выводится так массив

Код PHP:

$plugins = array(
            'fontfamily',
            'fontsize',
            'fullscreen',
            'fontcolor',
 
);

Ris 9 августа 2017 в 19:50 0

А как?

Dost 9 августа 2017 в 20:01 0

Что то такое

Код PHP:

 
 
foreach($plugins as $plugin){
 
            $options['plugins'][] = $plugin;
 
            $template->addJSFromContext('wysiwyg/redactor/files/plugins/'.$plugin.'/'.$plugin.'.js');
 
        }

Ris 9 августа 2017 в 20:08 0

Вот здесь вроде по-русски написано В файле \wysiwyg\redactor\wysiwyg.class.php допишите

Ладно.
Сейчас сделаю архив, где всё уже дописано

Dost 9 августа 2017 в 20:27 0

Спасибо, все работает! Плагины таким же способом подключаются как и эта кнопка?

Ris 9 августа 2017 в 20:54 0

Плагины подключаются таким же образом, но плагины от версии редактора 10.2.5 (используется в 2.7.2) не подходят для версии 9.2.6 (используется в 2.8.0).
Плагины для версии 9.2.6 (undo/redo и спойлер) у меня уже готовы и около месяца успешно используются на реальном рабочем сайте.
Сейчас сделаю архив и выложу здесь.

Dost 9 августа 2017 в 20:59 0

Да я уже попробовал подключить, спасибо. К сожалению он не подошел для моей задачи.

Ris 9 августа 2017 в 21:06 0

Там другой спойлер сделан.
На яваскрипте.
http://www.instantcms.ru/users/files/download6613.html

Dost 9 августа 2017 в 20:05 0

Хотя, извините, да, есть

Mari 18 ноября 2017 в 18:45 0

Как для 2.8.2 сполер переделать, а то не хочет работать?

Ris 18 ноября 2017 в 19:18 0

Завтра сделаю.

Ris 18 ноября 2017 в 20:02 0

Хотя... чего ждать до завтра? У меня на сайте 2.8.2 все работает.
Вот редактор с моего сайта. Содержимое архива скопировать в корень сайта.
http://www.instantcms.ru/users/files/download6734.html

Добавить комментарий RSS-лента комментариев