Скрипт DTF Markdown - комментарии со смайлами, гифками, спойлерами, и т.п

Скрипт 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", это главый файл скрипта. Всё, что находится в папках, качать не нужно.

Послесловие:

Изначальная мысль создания этого скрипта была "просто проверить, можно ли сделать спойлеры в сообщениях". Вышло...немного иначе.

Стандартных смайлов/стикеров и гифок немного - по сути это заглушка. У меня была мысль, что в идеале можно было бы наполнять их сообществом - смайлорезчиками, "пожалуйстадобавь"лятелями, возможно голосованиями за новые смайлы и их названия.

Если у кого-либо есть предложения, найден баг, или есть просто желание написать комментарий - добро пожаловать в комментарии.

1
3
3 комментария