[Неактуально]Redactor. Вставка картинок, спойлер и удаление кнопок.

+18
4.99K

Весь функционал уже есть в движке. Пост неактуален.

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

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

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

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

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

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

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

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

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

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

Скачать редактор для 2.8.2
0
Владимир Владимир 7 лет назад #
Хорошо бы изыскать возможность внедрить в редактор кнопку отмены последнего действия (плагин видимо)...
0
Ris Ris 7 лет назад #
Она самая первая. <>
Редактор вываливается в голый html и можно отменять что угодно.
0
Владимир Владимир 7 лет назад #
Редактор вываливается в голый html и можно отменять что угодно.
Hе понял этого. Интересует отмена случайного неправильного действия, например, удаления части текста до сохранения результата редактирования. Такой плагин, помнится, у Tini был.
0
Ris Ris 7 лет назад #
Да, Вы правы.
И даже в редакторе это всё уже есть. Оставалось только кнопки добавить. Спасибо за наводку! v
Спойлер
Правда пришлось выкинуть кнопки "Таблица" и "Размер шрифта". smile

Вот попробуйте:
Скачать redactor_sp1.0.zip
0
Владимир Владимир 7 лет назад #
Спасибо большое! Обязательно попробую! -)
0
Jestik Jestik 7 лет назад #
Просто вставляет? Без загрузки на свой сервер?
+1
Ris Ris 7 лет назад #
Вставляет. smile
0
Pocus Pocus 7 лет назад #
Нехороший тег <p "=""> исправлен?
0
Ris Ris 7 лет назад #
Увы, я не в курсе проблемы.
0
Владимир Владимир 7 лет назад #
http://instantcms.ru/forum/thread24516-3.html - пробовал решение проблемы отсюда - всё работает.
Те изменения в redactor.js что описаны в теме (сам файл) нужно внести в ваши сборки, Ris.
0
Ris Ris 7 лет назад #
Да, посмотрел.
Val удалил пару кавычек после $2:
html = html.replace(/<(.*?)rel="\s*?"(.*?[^>]?)>/gi, '<$1$2>');
html = html.replace(/<(.*?)style="\s*?"(.*?[^>]?)>/gi, '<$1$2>');

Потестирую. Будет нормально работать - можно и разработчикам написать, чтобы имели в виду.
0
BoAnRo BoAnRo 7 лет назад #
После замены этого файла не видел каких-либо проблем в работе redactor, хотя уже давно его заменил.
0
Bubble Gumoff Bubble Gumoff 7 лет назад #
Не понятно в какой форме вставляется картинка из сети, сохраняется на сервер и становится локальной или просто транслируется по ссылке с оригинала. ссылку на плагин хотябы.
0
Ris Ris 7 лет назад #
Транслируется.
Ссылка на скачивание в тексте поста. Даже две.
+1
Ris Ris 7 лет назад #
Повинуясь велению времени, доработал плагин спойлера для редактора под версию 2.7.2
Так как типограф теперь не режет спойлеры, его можно не отключать.
Ссылка на скачивание внизу поста.
0
Dost Dost 7 лет назад #
Подскажите, а кнопку <hide> можно дополнительно вывести, анологично кнопке <b>? чтобы выделить текст и нажать кнопку и вручную не вводить?

Также пытаюсь плагин файлы подключить, не нашел где кнопки выводятся.
0
Pocus Pocus 7 лет назад #
Вы под это дополнение хотите?
0
Ris Ris 7 лет назад #
Для какой версии редактора сделать?
Которая была в 2.7.2 или которая в 2.8.0 ?
0
Dost Dost 7 лет назад #
Для 2,8
0
Ris Ris 7 лет назад #
http://instantcms.ru/users/files/download6612.html
В файле \wysiwyg\redactor\wysiwyg.class.php допишите hide в массив плагинов:
Код PHP:
  1. $plugins = array(
  2. 'fontfamily',
  3. 'fontsize',
  4. 'fullscreen',
  5. 'fontcolor',
  6. 'hide'
  7. );
В \wysiwyg\redactor\files\redactor.css допишите картинку к кнопке:
Код CSS:
  1. .re-hide:before {
  2. content: url(/wysiwyg/redactor/files/plugins/hide/hide.png);
  3. }
0
Dost Dost 7 лет назад #
в версии 2,8 не выводится так массив
Код PHP:
  1. $plugins = array(
  2. 'fontfamily',
  3. 'fontsize',
  4. 'fullscreen',
  5. 'fontcolor',
  6. );
0
Ris Ris 7 лет назад #
А как?
0
Dost Dost 7 лет назад #
Что то такое
Код PHP:
  1. foreach($plugins as $plugin){
  2. $options['plugins'][] = $plugin;
  3. $template->addJSFromContext('wysiwyg/redactor/files/plugins/'.$plugin.'/'.$plugin.'.js');
  4. }
0
Ris Ris 7 лет назад #
Вот здесь вроде по-русски написано В файле \wysiwyg\redactor\wysiwyg.class.php допишите

Ладно.
Сейчас сделаю архив, где всё уже дописано
0
Dost Dost 7 лет назад #
Спасибо, все работает! Плагины таким же способом подключаются как и эта кнопка?
0
Ris Ris 7 лет назад #
Плагины подключаются таким же образом, но плагины от версии редактора 10.2.5 (используется в 2.7.2) не подходят для версии 9.2.6 (используется в 2.8.0).
Плагины для версии 9.2.6 (undo/redo и спойлер) у меня уже готовы и около месяца успешно используются на реальном рабочем сайте.
Сейчас сделаю архив и выложу здесь.
0
Dost Dost 7 лет назад #
Да я уже попробовал подключить, спасибо. К сожалению он не подошел для моей задачи.
0
Ris Ris 7 лет назад #
Там другой спойлер сделан.
На яваскрипте.
http://instantcms.ru/users/files/download6613.html
0
Dost Dost 7 лет назад #
Хотя, извините, да, есть
0
Mari Mari 7 лет назад #
Как для 2.8.2 сполер переделать, а то не хочет работать?
0
Ris Ris 7 лет назад #
Завтра сделаю.
0
Ris Ris 7 лет назад #
Хотя... чего ждать до завтра? У меня на сайте 2.8.2 все работает.
Вот редактор с моего сайта. Содержимое архива скопировать в корень сайта.
http://instantcms.ru/users/files/download6734.html
0
Def Def 4 года назад #
почему то не выводится кнопка спойлера в 2.13 по умолчанию из коробки. ваш тоже не смог приделать( может есть еще варианты?
0
Ris Ris 4 года назад #
Жмите F12 и смотрите ошибки в консоли.

Еще от автора

Сверхлёгкий webserver на Alpine linux
Не знаю, как нормальных людей, но меня всё время мучает вопрос, зачем для размещения небольшого сайта на виртуальном сервере я вынужден устанавливать
Накрутка рейтинга и кармы пользователям, контенту и фото.
По многочисленным просьбам изготовил новый инструмент для изменения администратором сайта рейтинга и кармы пользователей.
Авторизация по любым полям из профиля и по API
Представляю уважаемому сообществу небольшое дополнение для доработки авторизации вашего сайта, а также для интеграции двух сайтов на Instantcms друг с
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.