D2S - форумный редактор
7728
307
Поддержка расширения прекращена, расширение предоставлено как есть
11.05.19 - 6.03.20
Кастомные смайлы, дополненный редактор и прочее для форума dota2.ru
D2S - форумный редактор
Вам предоставляется
1. Полный контроль над дизайном форума, возможность добавлять свои стили и делиться ими с остальными
2. Смайлы (можете добавлять свои, любого размера, настраивать их и менять в любое время, анимированные или статичные - не имеет разницы), возможность делиться ими и так же сохранять паки смайлов других пользователей одной кнопкой, синхронизировать свои смайлы на любом из устройств с установленным расширением (синхронизируются между собой)
3. Полностью новый и обновлённый чат на главной форума, который вы можете настроить под себя и всегда оставаться в курсе новых сообщений посредством уведомлений на рабочий стол
4. Обновлённый редактор форумных сообщений, позволяющий гибко настраивать цвет и размер шрифта с точностью до пикселя, поле CODE, который никто не сможет отредактировать, а так же выделяемый текст для придавания значимости определённым словам
И многое другое, с чем можете ознакомиться ниже в перечисленных гайдах
Некоторые скриншоты могут отличаться от того, что находится в самом расширении, так как расширение регулярно меняло свой интерфейс в угоду удобства пользования. Если появился какой-либо вопрос или не можете выполнить какой-либо из пунктов, то добро пожаловать в ЛС или в саму тему!
Настройки
Как синхронизировать свои смайлы на всех устройствах?Если вы никогда не пользовались расширением ранее, то оно само зарегистрирует вас в бд
Чтобы синхронизировать ваши смайлы достаточно просто нажать кнопку Сохранить на любом из устройств
Пример : если вы сохраните свои смайлы на пк, то при заходе на мобильный они автоматически подгрузятся и отобразятся вам. Если вы решите добавить смайл на мобильном, то он появится и на ПК.
Если при заходе в окно расширения высвечивается подобная надпись, то от вас требуется нажать на неё и авторизоваться в Google (это необходимо для использования Google Apps Script, авторизацию упростил и все запросы проходят через мой основной аккаунт)
Основное окно настроек синхронизации есть в настройках и в них подробно всё объяснено, но могу рассказать о функциональности предоставленных кнопок
Проверка авторизации в Google откроет окно, которое проверит вас на авторизацию, и если вы будете авторизованы в Google, то появится уведомление о том, что вы можете спокойно закрыть окно, иначе авторизоваться
Сменить пароль смена основного пароля, установленного при регистрации и/или вами самими
Установка пароля для сохранения установка пароля на других устройствах, если сменили на одном
Например, вы решили сменить пароль, будучи на пк
Следующим вашим действием будет зайти на все устройства и установить тот пароль, на который вы сменили, будучи за ПК
Как пользоваться резервной копией?В настройках появился новый пункт - Резервное копирование
Если хотите создать резерв :
После нажатия на кнопку вам необходимо ознакомиться с предупреждением
Если резерв уже был создан, то вам отобразится дата последнего сохранения и возможность перезаписать
При перезаписи старый резерв удаляется
Если хотите загрузить резерв :
После нажатия на кнопку вам необходимо ознакомиться с предупреждением
Если резерв не был создан, то вам отобразится соответствующее предупреждение
При загрузке текущие настройки сбрасываются и применяются настройки резерва
Если хотите вернуться к заводским настройкам:
После нажатия на кнопку вам необходимо ознакомиться с предупреждением
Все ваши настройки (в том числе резерв) будут удалены, а расширение предоставится в стартовом варианте
Как отключить ненужную мне функцию?За это отвечает пункт Основные настройки :
Достаточно выбрать то, что вам нужно, а что не нужно - отключить
Ничего замудрённого, комментарии не дадут запутаться
Как изменить названия стандартных вкладок?Например, у вас глаз дёргается от названия вкладки Пепа (пример пользователя Войд)
Хотите изменить? Не вопрос!
Заходим в редактор смайлов, переходим во вкладку Настройки
Вы видите перед собой список вкладок и их названия. Чтобы изменить название какого-либо пункта нажмите на него, после чего спокойно сможете его изменить
Можете таким образом полностью изменить список всех вкладок, как вам хочется. Из этого
Вы можете сделать это
Как выбрать те вкладки, что я хочу?Если вдруг вам перестали нравиться определённые стандартные смайлы, то вы можете спокойно убрать их, зайдя в Редактор смайлов и выбрав пункт Настройки
Отмеченные пункты - те пункты, что вами разрешены для отображения
Давайте, например, уберём некоторые пункты. Например, Аnime и LoL (просто пример, правда)
Нажимаем Сохранить , и если высветилось уведомление - вы сделали всё верно
Теперь можете открывать список смайлов
Например, раньше было так (с учётом изменения названий вкладок с прошлого гайда)
Теперь вы можете наслаждаться этим видом
Как работать с категориями?Нужные категории всегда можно как свернуть, так и развернуть для удобства просмотра смайлов
Если вы хотите изменить порядок категорий, то открываете Настройки
Пролистываете в самый низ и видите перед собой список категории с цифрами перед ними
Цифры - это индекс категории, чем он меньше - тем раньше отображается категория в списке
Тут же можно изменить так же и название категории
Например, если мы хотим поставить категорию Мои раньше Без категории , то нажимаем на цифры и меняем на число, меньшее индекса Без категории . Например, 1
Если так же хотим изменить название, то нажимаем на название и вводим своё (в моём случае Stitch )
И теперь можем нажать Сохранить и лицезреть наши изменения моментально
Форумные твики
Как быстро смотреть цитируемое сообщение?Метод хлебных крошек (breadcrumb) предполагает изначально отображение сообщений без перехода по страницам
Данный метод позволяет просмотреть сообщение и вложенные в него цитаты без того самого злощастного перехода
Пример
Нажимаем на стрелочку возле сообщения (она никуда не пропала)
Далее наблюдаем вышедшее сообщение
Пока фокус находится на сообщении - фон затемнён
Для осветления фона выведите курсор за пределы сообщения
Для закрытия так же нажмите за пределами сообщения
Так же можно совершать все последующие переходы по цитатам из сообщений, пока не дойдёте до изначального
А вот и долгожданное последнее сообщение!
Всё о чате
Что за изменения чата? РасскажиНу, с чего начать
Теперь есть аватар, о нём поподробней в гайде Какая у чата функциональность?
Любишь писать кучу сообщений подряд? Не беда, я тоже)
Именно поэтому теперь ты можешь безнаказанно писать свои сообщения, продолжая оставаться любимым для посетителей чатика, отправлять голосовые/музыку и слушать их прямо в чате!
А может тебе надоело постоянно открывать ссылки лишь для того, чтобы посмотреть картинку внутри? Тогда тебе тоже по адресу! Не беспокойся - если это не картинка, то отобразится обычная ссылка
Если хочется рассмотреть картинку, то просто нажмите на неё
Так же тут ты заметил, что смайлосообщения (когда в сообщениях только смайлы, твой любимый личный кэп) идут без фона, для приятного зрительного контакта пользователя. Но есть исключение в виде смайлов в единичном сообщении без повторов
Так же по-поводу смайлов. Теперь они не создают эффект вырвиглазности, идеально подходя под размеры сообщения и не вылезают из них, не делают их существенно визуально больше
Ваши сообщения выходят справа , чтобы могли моментально отличить их от сообщений других людей
Конкретней о своих сообщениях ознакомиться можете, установив расширение)
Как изменить стили чата? / Как самостоятельно подобрать цвета для чата?Всё просто! Открываете настройки над чатом (быстрее, чем лезть в редактор смайлов)
Перед вами предстаёт настройка цветов элементов чата. Редактируете, как хотите, и они автоматически сохраняются
Так же после изменения можете сразу же просмотреть все изменения
Немного поэкспериментировав с цветами получаем что-то подобное (у меня плохо с этим)
Всегда можно вернуть к стандартным значениям
Как работать с чатом? / Какая у чата функциональность?А вот мы и подошли к самому интересному - функциональности
Кратко и по-порядку:
- Цитата - вызывается при нажатии на никнейм пользователя
- Открытие профиля - вызывается при подведении на аватарку пользователя и нажатия соответствующей иконки
- Жалоба - вызывается так же, как и прошлый пункт, только справа
- Уведомления - включение уведомлений чата на рабочий столДля адекватной работы достаточно предоставить ваше разрешение и открыть хотя бы одна вкладку с главной страницей форумаИ теперь при появлении нового сообщения в чате уведомление будет отображаться справа снизу
- Настройка расширения - быстрый доступ к настройкам чата и расширения в целом
- Состояние чата - полный экран, при нажатии на кнопку чат разворачивается полностью(нажмите ПКМ->Открыть в новой вкладке, чтобы раскрыть полностью)
- Состояние чата - прикрепление к нижней части сайта(нажмите ПКМ->Открыть в новой вкладке, чтобы раскрыть полностью)
Так же на случай множества вопросов сообщения объединяются сами, вам ничего для этого делать не нужно
Конкретней о уведомлениях чата на рабочем столеПри включении уведомления (см. прошлый спойлер) и подтверждении разрешения у вас появляются следующие уведомления на рабочем столе при условии, что вы их разрешили
(я просто тестировал чат, не вникайте в суть сообщения плз)Так выглядит смайл Так выглядит ссылка с текстом Проверка расширения Помните главное - должна быть открыта хотя бы одна вкладка с главной страницей форума. Защита от нескольких вкладок имеется путём запоминания ID каждого сообщения на определённый срок, придумаете вариант лучше - добро пожаловать в пуллреквест гитхаба или в личку
Как начать
Краткий экскурс: настройкаПостарался сделать максимально дружелюбный интерфейс
Запуск окна редактирования списка смайлов открывается на значок гаечного ключа , что находится в вашем userbar'е справа сверху
После нажатия для вас открывается окно с возможностью добавлять смайлы, изначально оно пустое
Вводите категорию (если нужно, по-умолчанию "Без категории", а если есть категория, то её можно выбрать в вытекающем списке), название смайла, вставляете ссылку на него и нажимаете Добавить
Для Вас отображается название, изображение смайла и ссылка на него
Если в чём-то ошиблись, то в любое время можете изменить как название, так и ссылку
=>
Добавляете необходимое Вам количество смайлов и нажимаете Сохранить
Далее создавайте свои разделы, добавляйте всё новые и новые смайлы и используйте их
Смайлы автоматически применяются при нажатии кнопки сохранить
Отредактировать любое название и любую ссылку можно в абсолютно любой момент, главное не забыть сохранить)
Если не хотите сохранять, то просто нажмите на тёмную область вокруг вашего окна, чтобы закрыть его
Любые изменения входят в силу только в том случае, если вы их подтвердили
Знакомство с интерфейсомКак обычно нажимаем на нашу кнопку вызова смайликов
У вас как обычно подгружаются стандартные смайлы, но помимо стандартных теперь отображаются ещё и ваши Собственные
На этом моменте можно сказать, что я объяснил всё, но вдруг у кого-то появятся вопросы, зачем нужно вводить название смайлу и почему нельзя просто перечислить ссылки друг за другом?
Ответ : имя смайла является своеобразным идентификатором. На нём завязано сохранение и удаление смайлов
При подведении к смайлу можно как-раз его увидеть
А при нажатии, соответственно, смайл вставляется в текстовое поле сверху, как и обычные смайлы
Всё довольно просто)
Как делиться своими смайлами? (+ новый способ с версии 1.0.0.0)В новой версии любой пользователь может получить доступ к любым синхронизированным смайлам любого пользователя, достаточно ввести его никнейм. Если по каким-то причинам вы решили использовать старые версии, то гайд для вас ниже
Старый вариант для версии ниже 1.0.0.0Заходим в меню
Видим 2 кнопки снизу
Начнём с Поделиться . При нажатии на кнопку открывается новое окно
В нём перед вами стоит выбор: либо по-старому скопировать и отправить нужным пользователям, либо нажать кнопку Выбрать пользователя , чтобы моментально поделиться с ним своим паком
Если со старым способом всё ясно, то поговорим поподробней о новом способе. Нажимаем Выбрать пользователя , и перед нами появляется окно с текстовым полем и кнопкой Искать . Вводим никнейм нужного пользователя и нажимаем соответственно Искать
Дожидаемся загрузки (обычно доля секунды, но всё зависит от вашего интернет-соединения)
Необходимо ознакомиться с предупреждением о том, что будет создана переписка с пользователем. После ознакомления нажимаем Да, отправить . Если всё сделали правильно, то появится такое уведомление
Если что-то пошло не так, то вам отобразится ошибка. Есть две причины ошибок
1. Неверный ID пользователя , скорее всего пользователь просто не найден или найден с ошибкой, либо вы ввели свой никнейм
2. Лимит на создание переписок в день . На форуме есть лимит в 5 созданных переписок в целях защитить пользователей от спама, поэтому в день можно поделиться таким образом с 5 пользователями
Как загружать паки смайлов других людей? (+ способ с версии 1.0.0.0)После обновления 1.0.0.0 все смайлы имеют свойство синхронизации, но до этой версии пользователям необходимо пользоваться старым способом
Ниже представлены оба способа
Новый способ (версия > 1.0.0.0)Для начала открываем окно расширения и нажимаем на кнопку Получить смайлы
Теперь от нас требуется написать никнейм нужного пользователя и нажать Искать
После успешного поиска можно осмотреть смайлы данного пользователя, а следом нажать кнопку Сохранить
Готово! Смайлы находятся в вашем окне!
Способ до версии 1.0.0.0Есть два вида - прямая вставка либо подтверждение пака смайлов другого пользователя, что перед этим отправил его вам
Первый способ - старый. Нажимаете Загрузить
Вставляете нужный код и нажимаете Загрузить
Всё, как обычно
Переходим ко второму способу . Просим пользователя отправить нам смайлы. Как только пользователь отправит вам смайлы, у вас появится переписка подобного содержания
Если открыть, то перед вами отобразится подобное содержание
[тут мы пропускаем кучу лишнего текста]
Нажимаем на кнопку Активировать себе и лицезреем все смайлы у вас
Как удалять категории?Открываем редактор смайлов и видим возле каждой категории значок ластика
Нажимаем на него и видим предупреждающее окно с предупреждением (тавтология). Соглашаемся и нажимаем Удалить , либо нажимаем за пределы окна (тёмный фон), чтобы отказаться от удаления
После удаления получаем результат
Как придать смайлу уникальный размер? Как изменить категорию смайлу?Открываем редактор смайлов
Видим возле каждого смайла символ Т
Нажимаем возле того смайла, которому хотите поменять размер, вам высвечивается данное окно
Изначально смайл имеет красный режим - режим фиксированного значения (высота 30px, ширина автоматически подстраивается).
Если хотите придать смайлу уникальный размер или позволить ему быть оригинального размера, то нажмите на красную надпись Не изменять размер смайла . После нажатия у вас появилась новая надпись с зелёным фоном и 2 поля для ввода текста. Введём, например, ширину 80
Если хотите изменить категорию смайлу, то в пункте ниже измените название
Можете так же не вводить размер смайла, чтобы предоставить ему оригинальный размер (ширину и высоту без уменьшения или увеличения)
Если сделали всё верно, появится уведомление
Готово! Пример 100х64 и стандартного 30х30 размера
Последние обновления
СписокОбновление 1.0.0.0: https://github.com/aleqsunder/dota2ru-tools/commit/4f77863f2ae78f774b2b7d6e054c2b345fdcd070
Основные изменения
В первую очередь отмечу, что теперь все смайлы сохраняются в базе данных , а это значит, что вы сможете получить доступ к своим смайлам вне зависимости от того, с какого устройства вы зашли на форум, будь то ваш личный пк, рабочий ноут, планшет или телефон.
Реализованы:
- Отправка смайлов в бд
При сохранении ваших смайлов они автоматически отправляются на сервер, что гарантирует доступ к ним на любых Ваших устройствах
- Получение смайлов с бд
Вы можете в любое время получить не только Ваши смайлы, а так же смайлы тех пользователей, которых хотите. Облегчённый вариант ф-ии "Поделиться смайлами"
- Всегда свежие смайлы
Не важно, где и когда вы сохранили свои смайлы, расширение само сверит время и обновит под последние обновления. Добавили смайл с телефона? Он отправился в базу данных. Зашли с ПК и он появится в вашем списке!
- Только вы можете редактировать свои смайлы
Изначально при первой инициализации расширения вы регистрируетесь в базе данных автоматически и вам присваивается ваш изначальный пароль. С изначальным паролем вы по-умолчанию можете пользоваться расширением, как обычно, но чтобы обезопасить себя вам необходимо сменить его на желаемый в настройках, а так же ввести на всех устройствах, на которых желаете использовать данное расширение
Для взаимодействия с базой данных необходимы всего лишь 2 действия:
- Авторизация в Google если вы авторизованы в любом из сервисов Google, будь то почта или же Youtube, то расширение приступит к работе сразу же, так как это политика безопасности самого гугла
- Наличие расширения его можно установить на любом устройстве при наличии браузера, поддерживающего расширения
Остальные изменения
Новые стили для мобильной версии сайта
Новый вариант (с отображением ранга, если звание титан):
Старый вариантПереписана значительная часть кода для упрощения последующей работы с ним и ознакомления пользователям
Код расширения ещё больше разбит на модули для удобной работы и лёгкой интеграции новых элементов
Дописаны кастомные стили - теперь они динамичны. Сохраняя стили они автоматически применяются к форуму
По просьбам кнопка настроек перемещена вверх (рядом с кнопкой закрытия окна)
По просьбе функция breadcrumb отправлена в соседнюю кнопку
И остальные мелочи
Обновление 0.1.2.2 https://github.com/aleqsunder/dota2ru-tools/commit/54140d5159a68d7cd5fe66bd1e4bf04c7775feab
Дописана структура вывода последних сообщений форума относительно цитат, способ breadcrumb
Исправлен баг с добавлением на форум новых вкладок категорий со смайлами, теперь расширение запоминает их самостоятельно
Исправлен баг с отображением окна для больших панелей со смайлами (если не сработало, то обновите страницу с зажатой клавишей CTRL, то есть CTRL + F5)
Добавлена возможность добавлять свои стили на форум
Надоел чёрный фон? Сделай его белым!
Надоели квадратные аватарки? Сделай их круглыми!
(подробнее обо всём завтра)
И прочие мелочи в виде переписываний ф-ий, разбивания файлов по модулям и изменения метода загрузки модулей
Фикс 0.1.2.1 https://github.com/aleqsunder/dota2ru-tools/commit/9595439d8a157225ed76dc5b88d4aa981fe6d8a1
Два фикса:
1. Реализован нормальный ресайз смайла в любой момент
2. Пофикшена проблема в отображении поля на мониторах с размером меньше 768 пикселей в высоту (либо в увеличенном маштабе)
Обновление 0.1.2.0 https://github.com/aleqsunder/dota2ru-tools/commit/c4319b972dcc4345e546b37433b1473579a67823
Код расширения был кардинально переписан: теперь расширение представляет из себя модульную структуру с возможностью в любой момент включать и выключать любой из них
Не нравится чат? Выключи его!
Не нравится новый редактор? Покажи ему, что ты о нём думаешь!
Новые стили форумных сообщений выглядят ужасными? Отключи их и довольствуйся оригинальным дизайном)
Добавлена возможность управления сообщением с помощью табуляции :
Нажатие tab отодвигает текст вправо
Нажатие shift + tab отодвинает текст влево
Для обладателей звания Титан : теперь на звании отображается место в топе титанов!
Добавлены два новых типа настроек - основные настройки и резервная копия :
Основные настройки представляют из себя включение и выключение ненужных функций, если они вам не нужны
Резервная копия представляет собой создание и использования резервн
Миюки сказал(а):↑Теперь могу легально лизать волчиц, спасибо!
@AdmAlexander можешь сделать так, чтобы смайлы автоматически принимали размеры 28х28?
Нажмите, чтобы раскрыть...Да, конечно
Просто в некоторых случаях некоторые смайлы растягивались, имея разную пропорцию
Но я это уже решил, сейчас допишу пару вещей и вторая версия будет)
Если кому интересно, то для быстрого поиска нужных смайлов можно использовать https://discordemoji.com/ , не смотря на то что смайлики там выкладываются для дискорда их можно использовать и на д2ру.
class Developer {
constructor(salary, task) {
this.salary = salary;
this.task = task;
}
}
PHPDev = new Developer(30000, 'break forum');
user = new Developer(0, 'create addons with custom emoji');
Справедливо.
А по сабжу да, давайте из зарплаты пхп прогера хотя бы треть отчислим в этом месяце этому мипопикеру. Ну ладно за мипопикерство давайте шестую.
Есть конечно подводный - на форуме станет больше аниме смайлов... Ах стоп, я же не аутист, мне плевать на аниме смайлы, я не против и не за.
lexani4321 сказал(а):↑class Developer {
constructor(salary, task) {
this.salary = salary;
this.task = task;
}
}
PHPDev = new Developer(30000, 'break forum');
user = new Developer(0, 'create addons with custom emoji');
Справедливо.
А по сабжу да, давайте из зарплаты пхп прогера хотя бы треть отчислим в этом месяце этому мипопикеру. Ну ладно за мипопикерство давайте шестую.
Есть конечно подводный - на форуме станет больше аниме смайлов... Ах стоп, я же не аутист, мне плевать на аниме смайлы, я не против и не за.
Нажмите, чтобы раскрыть...С одной стороны приятно читать хвалебства в мою сторону, а с другой ты перебарщиваешь по отношению к человеку, на котором форум сейчас держится
А если по теме:
Почти дописал возможность делиться набором паков смайлов и загружать от других пользователей (сижу, пишу, не нравится - переписываю, и так далее), осталось сделать примерный интерфейс и готово
AdmAlexander сказал(а):↑Из запланированного могу выделить возможность делиться наборами смайлов и так же использовать наборы смайлов других пользователей, а так же динамическое изменение без перезагрузки страницы (всё это просто, просто не расчитал время)
Нажмите, чтобы раскрыть...А можешь добавить возможность юзать смайлы на стенах в профилях?
Обновление 0.0.2
Расширен диапазон работы расширения (с `/forum/thread*` до `/forum*`) (для удобства настройки)
Добавлена возможность делиться своим набором смайлов, а так же принимать чужие наборыЕсли при добавлении окажется несколько смайлов с одинаковым названием, то будет выбран лишь один из повторяющихся, соблюдая приоритет Ваши смайлы > Смайлы из набораНемного изменён интерфейсТеперь для применения смайлов не требуется перезагрузка страницыИсправлен баг с отсутствием панели смайлов в окне редактирования сообщенийТеперь сохранение не выкидывает из окнаИ прочие мелочи (переписанные и новые функции открытия/закрытия окна, дополнительная функциональность и прочее)
Обновление если не сейчас, то завтра точно начнёт скачиваться
Dragon_s Fury сказал(а):↑Нифига себе монстр на тсе
Из телеграма можно как то стикеры достать по быстрому? Ну то есть картинки рескейлятся или надо вручную их менять?
Нажмите, чтобы раскрыть...Да, у каждого набора есть своя ссылка
Да достаточно ввести её название в поисковик и перед тобой представится весь набор, останется лишь заполнить его)
Dragon_s Fury сказал(а):↑Может создашь тему для обмена паками?
Нажмите, чтобы раскрыть...Как вариант, но есть ещё несколько предложенных вариантов обмена паками
Может всё дойти до того, что я попробую сделать отдельную бд гугловскую, и туда буду заливать все смайлы от пользователей, чтобы на различных устройствах отображались именно Ваши смайлы + возможность подгружать смайлы определённого пользователя, просто вводя его ник, но это в планах только)
Но пока можно и темку создать, можно и сюда заливать)
По-поводу парса - есть удобный сайт для парса стикеров с ТГ: https://tgram.ru/stickers
Если есть спрос, то могу написать ф-ию, что будет парсить стикеры с определённой ссылки на этот пак (например, https://tgram.ru/stickers/css_class)
В чём удобство? Я бы мог и https://tlgrm.ru/stickers использовать, но там нужно слишком много лишних действий производить, а API удобного нет. Тут же (tgram) нет ни блока от роскомнадзора, ни лишних "Подгрузить остальные 54"
Тема закрыта
-
ЗаголовокОтветов ПросмотровПоследнее сообщение
-
Сообщений:2
Просмотров:1
-
Сообщений:8
Просмотров:9
-
Сообщений:9
Просмотров:10
-
ShowTime24 29 Mar 2024 в 17:43Сообщений: 11 29 Mar 2024 в 17:43
Сообщений:11
Просмотров:15
-
Сообщений:22
Просмотров:25