[Неактуально]Редактор с настройками

+32
2.61K

Обратите внимание, что настройка кнопок редактора в версии 2.12.2 уже есть в коробке.

Очередная доработка нашего редактора.
Добавлено несколько кнопок и настройка кнопок тулбара для каждой группы пользователей.
После установки выбрать в настройках типов контента нужный тип контента, выбрать нужное поле (напимер текст новости) и установить для этого поля редактор iredactor.
После этого обязательно в настройках в компоненте "имперави редактор" настроить опции и доступ к кнопкам для групп пользователей.

Иллюстрация
Иллюстрация
Должно получиться что-то вроде этого:
Иллюстрация

Кнопки "html" и "файл" советую выдавать только админам и модераторам, а то пользователи вам назагружают...
Установка обычным способом.

26.06.2018
Полностью переделан редактор за основу взята версия с гитхаба.
11.07.2018
Поправлена одна ошибка, добавлена кнопка оформления текста (выпадающий список bold, italic, deleted, underline).

СКАЧАТЬ iredactor
+1
vikont vikont 3 года назад #
Отлично Ris! Хорошее дополнение +++
Теперь есть собрат iTiny smile
+1
Loadырь Loadырь 3 года назад #
vikont:
Теперь есть собрат iTiny
Скорее мощный конкурент smile
+3
Ris Ris 3 года назад #
Все же эти редакторы не конкуренты.
Тини - навороченная штука, почти ворд. Для создания статей с таблицами, списками и спецсимволами.
А редактор, на мой взгляд, как раз инструмент для пользовательских блогов.
0
Loadырь Loadырь 3 года назад #
Да, тоже самое. Только у тини большинство кнопок вынесены сразу на панель (например выравнивание текста), а у редактора они спрятаны в кнопках-меню и у редактора нет только спецсимволов. А в остальном они теперь с правами доступов схожи.
+4
Ris Ris 3 года назад #
А вот тут мы тихонько подошли к очень интересному моменту.
На мой взгляд, редактор сайта, это хоть и инструмент, но также и элемент дизайна и должен быть красивым.
В тини меня прямо воротит от разнокалиберных кнопок. Половина текстом, половина символами. Если наступит какой-нибудь фанатизм - я попробую все кнопки тини уместить в одну линию и заменить текст на значки, может и получится что-то эстетичное.
а у редактора они спрятаны в кнопках-меню и у редактора нет только спецсимволов
Все это можно легко поменять даже не куроча файла самого редактора. Просто заменой элемента редактора при помощи плагина.
Я немного почитал доки по яваскрипту и теперь не считаю, что создателю яваскрипта надо в голову забить гвоздь.
Ему нужно забить в голову железнодорожный костыль!
-4
Андрей Андрей 3 года назад #
Ris:
Ему нужно забить в голову железнодорожный костыль!

rofl rofl rofl
+1
deadc0de deadc0de 3 года назад #
кстати вот это большой + что они спрятаны ,щас популярен минимализм ,вот этих кнопок достаточно )

А будет добавлен код для вставки для видео ,что бы можно было с других сервисов добавлять )
0
Ris Ris 3 года назад #
А с каких сервисов?
Вот это что у Вас за редактор на картинке?
0
deadc0de deadc0de 3 года назад #
Это просто с сайта редактор ,скинул показать ,что много кнопок не нужно ,да все проверил ,оказывается можно также через iframe добавлять ,через вставки видео ,а так про twitch,soundcloud речь была,мне понравился редактор )
мини баг ,меню на меню накладывается ,думаю без проблем исправлю )
-3
Андрей Андрей 3 года назад #
Ris:
Кнопки "html" и "файл" советую выдавать только админам и модераторам, а то пользователи вам назагружают...

Добрый день, а где они? Я на скринах не увидел. scratch
+2
Ris Ris 3 года назад #
Кнопку файл отлично видно на двух скринах.
А просмотр кода всегда был у админов.
0
4eremnykh 4eremnykh 3 года назад #
Отлично
-3
Андрей Андрей 3 года назад #
Файл я видел, а код? Он по умолчанию же виден только админу.
+2
Ris Ris 3 года назад #
Точнее, виден только тому, кому разрешит админ. smile
0
4eremnykh 4eremnykh 3 года назад #
Подскажите выводится ли видео при вставке видео вк и ок по ссылкам? Не через вставку html кода в общем. Если бы это было реализовано, то было бы очень круто, и яндекс карты еще чтобы не резал в редакторе используя типограф. zst
0
Ris Ris 3 года назад #
Фейсбук выводится. А у вконтакта хитрое API.
Типограф я не трогал. Это отдельный компонент. Пишите на гитхабе разработчикам.
0
4eremnykh 4eremnykh 3 года назад #
Не хватает вставки спец символов, а так супер!
0
Jestik Jestik 3 года назад #
Благодарю Вас)
0
4eremnykh 4eremnykh 3 года назад #
Подскажите, при вставке ссылки, подставляется http к url адресу вида "https://сайт.ру/итакдалее.html" как убрать это несчастное http?
0
Sergon Sergon 3 года назад #
Спасибо за редактор, понравился!
Столкнулся только вот с чем...
Решил вставить демо-сод html и при нажатии формата "код" у меня всё съезжает на разметке экрана, код в одну линию и не поддаётся редактированию, как вставляются подобные вещи?
Пробовал и на стандартном редакторе, так же.

Подскажите кто как делает это?
Заранее благодарю кто откликнется!
0
Ris Ris 3 года назад #
Не замечал у себя подобных спецэффектов.
Возможно какой-нибудь сторонний яваскрипт вашего шаблона дает такой эффект.
При открытом редакторе нажмите F12 и посмотрите, не пишет ли ошибок в консоли.
0
Sergon Sergon 3 года назад #
Ris, спасибо. Посмотрю.
А не подскажете как поле в котором происходит редактирование, регулировать? Возможно сделать, чтобы можно было за уголок потянуть или только в таком ограниченном окошке всё?
0
Ris Ris 3 года назад #
Вы имеете в виду окошко редактирования в режиме html? Черное?
Так вроде окошко увеличивается, если много текста. И полоса прокрутки сбоку есть.

Еще от автора

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