Скрипт 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", это главый файл скрипта. Всё, что находится в папках, качать не нужно.
Послесловие:
Изначальная мысль создания этого скрипта была "просто проверить, можно ли сделать спойлеры в сообщениях". Вышло...немного иначе.
Стандартных смайлов/стикеров и гифок немного - по сути это заглушка. У меня была мысль, что в идеале можно было бы наполнять их сообществом - смайлорезчиками, "пожалуйстадобавь"лятелями, возможно голосованиями за новые смайлы и их названия.
Если у кого-либо есть предложения, найден баг, или есть просто желание написать комментарий - добро пожаловать в комментарии.
не используйте вложения скрипта для обхода цензуры DTFА ведь уже были попытки распространять клубничку в зашифрованных изображениях, которые можно было распознать только специальным скриптом. Не приложилось, ибо, ЕМНИП, их тоже блокировали.
Хех. DTF реагирует на любые куски ссылок, пришлось по итогу ссылки "шифровать" чтобы на ссылки реагировал лишь скрипт. По крайней мере иного решения не нашёл. Требуется чисто для нестандартных смайлов/гифок/эмбедов, иначе DTF воткнёт свой <a> тег, и вложение с ссылкой.
В любом случае, скрипт оказалось интересно делать, это главное.
я лучше на бугати вейрон скатаюсь за балтикой 7