Скрипт DTF Markdown - комментарии со смайлами, гифками, спойлерами, и т.п
Добавить в комментарий два мема, три гифки, четыре видео и альбом? Не проблема. Всё ограничено лишь возможностями скрипта, и вашим желанием поспамить.
Примечание - Все меню скрипта закрываются нажатием на их шапки.
Содержание:
Возможности:
- Данный скрипт использует базу данных IndexedDB для хранения и обновления настроек.
Если Ваш браузер не поддерживает IndexedDB, то скрипт будет использовать стандартный список настроек. Стандартный список настроек можно переписывать, меняя сам код скрипта. - Панель Markdown в элементе написания комментария. В ней перечислены все нужные кнопки скрипта;
- Markdown (<b>/<i>/<s>);
- Спойлеры;
- Вложения для комментариев - смайлы, стикеры, изображения, гифки, эмбеды, альбомы;
- Поиск гифок через сервисы на манер Gfycat/Tenor;
- Меню Emoji Picker для поиска и выбора смайлов/стикеров для написания в комментарии;
- Меню Gif Picker для поиска и выбора гифок для написания в комментарии;
- Меню Link Converter для конвертации обычных URL ссылок в закодированные ссылки скрипта, которые используются для "тс". Используется лишь в некоторых случаях, к примеру для вставки эмбеда;
- Меню Album Builder для сборки альбомов;
- Comment Preview для предпросмотра комментария перед его отправкой - комментарий будет выглядеть в нём именно таким, каким он будет после отправки;
- Настройки скрипта, а также справка;
- Если кому-то нужна лишь вставка гифок, и/или изображений в стандартные вложения DTF, то Emoji Picker и Gif Picker могут выдавать и обычные ссылки на изображения/гифки.
Заодно можно отключить поиск комментариев с "тс" в настройках скрипта; - select элементы (выбор типов вложения в меню Emoji и Gif Picker, Link Converter) имеют быстрый выбор - достаточно ткнуть элемент, и нажать клавишу с началом названия нужного пункта, к примеру 'e' для 'emoji'
Галерея:
Патчлист:
- 1.0.1 - фикс двух ошибок, если загружается страница редактора.
- 1.0.2, 1.0.3 - фиксы, небольшое обновление стилей - теперь у всех скриптов будет частично общий стиль.
Метод действия скрипта:
- Скрипт находит комментарии со своими "тегами скрипта" (далее "тс") в тексте, и переписывает комментарий со стороны html-js.
DTF API не используется. - Вы, а так же все те, у кого установлен данный скрипт, будут всегда видеть заместо "тс" вложения скрипта, markdown и спойлеры.
- Скрипт ведёт поиск комментариев двумя способами - обсервером (проверяет каждый новый комментарий под текущей статьёй) и функцией при загрузке страницы и при переходе на новую статью.
Markdown Panel:
Используется для применения всех возможностей скрипта. Кнопки настраиваемы - можно убрать те, что Вам не нужны.
Подробнее о кнопках панели:
- Sp/B/i/S - кнопки спойлера и markdown. Обводят выделенный текст тегом на манер того, как это сделано на форумах и DTF.
- 🖼 - кнопка открытия меню Album Builder;
- 😉 - кнопка открытия меню Emoji Picker;
- GIF/Gfycat/Tenor - кнопки открытия меню Gif Picker. Их существует три "слота", по-умолчанию активны стандарт (GIF) и Tenor;
- LK - кнопка открытия Link Converter;
- Preview - кнопка открытия Comment Preview;
Markdown:
Markdown работает (должен работать) с текстом, и со всеми вложениями, поддерживаемыми данным скриптом
- B - жирный шрифт
- i - наклонный шрифт
- S - перечёркнутый текст
- Sp - спойлер. Привычная вещь для любого вменяемого форума и сайта
Способен скрыть текст, смайлы, стикеры, гифки, и т.п.
Вложения:
АХТУНГ!!! Просьба комментаторам всея DTF - не используйте вложения скрипта для обхода цензуры DTF, данный скрипт создан не для этого. В результате ваших действий, Шериф и ко. могут просто начать банить любые сообщения, где замечены теги скрипта...наверное, ибо на деле я без понятия что будет, ведь чисто технически никто не увидит страшный контент, т.к он видим лишь для тех, у кого есть скрипт.
Не уверен, что в правилах прописан сей момент, ведь не до каждого дойдёт прописывание правил для такого уровень хитрож...умности в плане создания подобного скрипта.
Все вложения скрипта работают лишь вместе с "тс". Смайлы/гифки можно добавить в комментарий обычной URL ссылкой, если нужно чтобы было использовано стандартное вложение DTF.
Вложения скрипта прописываются прямо в тексте комментария, не задевая стандартные вложения DTF. Вы можете использовать и то и другое одновременно.
Ссылки:
Если скрипт находит в сообщении URL ссылку, то он сам обрабатывает её, сокращая слишком длинные ссылки (не задевая стандартное вложение комментариев DTF).
Смайлы/стикеры:
Смайлы и стикеры это одно и то же - стикер это просто увеличенный смайл.
Есть обычные и анимированные.
Существует два подвида - стандарт и кастом:
- Стандарт - смайлы/стикеры, представленные в Emoji Picker
- Кастом - изображения/гифки, представленные как смайл/стикер. Можно получить через Link Converter
Гифки:
Гифки (на деле это видео, т.к они небольшого размера, и можно управлять ими через html-js).
Существует два вида - стандарт и кастом:
- Стандарт - гифки, представленные в Gif Picker
- Кастом - гифки, полученные через поиск гифок в Gif Picker... также, можно получить через Link Converter
Эмбеды:
Самые обычные эмбеды, что используются повсеместно в html. На данный момент, поддерживаются Youtube (видео, плейлисты), Spotify (треки, плейлисты, исполнители, альбомы), и Yandex Music (треки и альбомы).
Используется вместе с Link Converter - нужно получить эмбед "тс". Не нужно использовать эмбед ссылку, скрипт сконвертирует обычную ссылку в эмбед ссылку.
Иными словами, не нужно копировать из Youtube/Spotify/Yandex эмбед ссылку, достаточно обычной "поделиться".
Альбомы:
Умеет почти всё то же, что умеет и DTF Album 2.0, но немного больше - доступны изображения-спойлеры и добавление текста.
Ctrl + скролл колёсиком мыши активирует режим зума.
Пока что сыроваты, надо будет делать правки.
Имеет свой собственный тег, внутри которого находится всё содержимое альбома. Написать его вручную нельзя, лишь в Билдере альбомов.
- В альбоме перечислены итемы (изображения), нажатие на которые активирует предпросмотр изображений.
- В режиме предпросмотра изображений, доступен зум (зажатие Ctrl и скролла колёсиком мыши), переход к предыдущему/следующему изображению.
Emoji Picker:
Используется для быстрого написания смайла/стикера. Есть разделения на обычные и анимированные смайлы/стикеры.
У каждого смайла/стикера есть своя группа. Можно сворачивать группы нажатием на их названия, а также убрать показ не нужных групп в настройках.
Поле ввода позволяет найти смайл/стикер по его имени.
Gif Picker:
Используется для быстрого написания гифки, а также для их поиска.
У каждой гифки есть своя группа. Можно сворачивать группы нажатием на их названия, а также убрать показ ненужных групп в настройках.
Поле ввода позволяет найти гифку по её имени (только у дефолтного списка).
Билдер альбомов (Album Builder):
Необходим для сборки альбомов. Способен использовать как URL изображений, так и загружать из буфера обмена.
Для загрузки на хостинг, требуется аккаунт ImgBB и API токен. Максимальный размер файла ~32мб.
- Представлен в виде двух полей, а также переключателя - URL, TEXT и Спойлер
- URL - ссылка на изображение. Для загрузки из буфера обмена, нужно выбрать URL поле ввода, и нажать Ctrl+V
- TEXT - подпись к изображению
- Спойлер - если активен, то изображение будет скрыто плашкой спойлера, которая будет скрываться при наведении на итем
Конвертер ссылок (Link Converter):
Необходим для написания некоторых "тс" (к примеру, эмбедов и кастомных смайлов/стикеров/гифок).
- Введите URL в поле ввода
- Выберите тип нужного тега/типа ссылки
- Нажмите Ok
Предпросмотр комментариев (Comment Previewer):
Создан для показа комментария таким, каким он будет после отправки. Все возможные теги скрипта конвертируются во вложения.
Ссылки на скрипт:
Вам нужно скачать лишь файл "main.user.js", это главый файл скрипта. Всё, что находится в папках, качать не нужно.
Послесловие:
Изначальная мысль создания этого скрипта была "просто проверить, можно ли сделать спойлеры в сообщениях". Вышло...немного иначе.
Стандартных смайлов/стикеров и гифок немного - по сути это заглушка. У меня была мысль, что в идеале можно было бы наполнять их сообществом - смайлорезчиками, "пожалуйстадобавь"лятелями, возможно голосованиями за новые смайлы и их названия.
Если у кого-либо есть предложения, найден баг, или есть просто желание написать комментарий - добро пожаловать в комментарии.