Компонент чата Discord

Примечание:

Эта страница - компонент, используемый на данной вики. Он предназначен для включения в другие страницы.

рейтинг: 3.5
1/100%

ПРИМЕР

GOTO 20
Сегодня в 16:28
эй, Corvus, ты тут? smug.svg
Corvas
Сегодня в 16:28
ась
чё как @GOTO 20
smug.svg
Новые сообщения
GOTO 20
Сегодня в 16:29
Смотри какая пикча
noodle.jpg

GOTO 20
Сегодня в 16:30
download-arrow.svg

corvas
Сегодня в 17:20
download-arrow.svg

КАК ИСПОЛЬЗОВАТЬ

Данный шаблон в меру сложный, поэтому, пожалуйста, прочитайте данную инструкцию полностью.

Шаг 1: Подключить исходник

Это необходимо делать лишь один раз в статье.
Добавьте данную строчку в начало своего кода:

[[include component:discord-chat-source |inc-source=a]]

Шаг 2: Добавить пользователей

Это необходимо делать лишь один раз в статье.
Для каждого уникального пользователя добавляйте следующий кусок кода:

[[include component:discord-chat-source |inc-user=a
|user-id=
|username=
|usericon=
|usercolor=
]]


Такой блок нужен для каждого уникального пользователя.

Начало [[include]]

Уникальный ID пользователя (используйте ТОЛЬКО английские буквы)

Никнейм (Не обязательно уникальный)

URL аватара пользователя ↦

Цвет имени пользователя (принимаются hex, rgb, rgba, hsl)

Конец [[include]]


[[include component:discord-chat-source |inc-user=a

|user-id=one

|username=GOTO 20

|usericon=GOTO20.png

|usercolor=#ff5e56

]]

Шаг 3: Открыть блок с чатом

Добавляйте эту строчку туда, где начинается чат:

[[include component:discord-chat-source-inc-start]]

Шаг 4: Добавить сообщения и/или вложения

Как только вы добавили всех пользователей, можно приступать к сообщениям и вложениям.
Сообщения и вложения не могут находится в одной секции, поэтому всегда будут раздельными. (т.е. показывать никнейм и аватар отправившего пользователя)

Шаг 4.1: Добавить сообщения

Добавляйте следующий блок для каждой секции сообщений:

[[include component:discord-chat-source-inc-msg-start=a
|user-id=
|username=
|msg-time=
]]
Сюда вписывается содержимое
[[include component:discord-chat-source-inc-msg-end=a]]


Начало открывающего [[include]]

Уникальный ID пользователя (Один из тех что вы указывали до этого)

Никнейм данного пользователя ↦

Время, когда было отправлено сообщение ↦

Конец открывающего [[include]]

Содержимое сообщений.
Допускается любой поддерживаемый движком RuFoundation синтаксис. ↦

Закрывающий [[include]]


[[include component:discord-chat-source-inc-msg-start=a

|user-id=one

|username=GOTO 20

|msg-time=Сегодня в 16:28

]]

{{ась
чё как }}

[[include component:discord-chat-source-inc-msg-end=a]]

Шаг 4.2: Добавить вложения

Добавляйте следующий блок для каждого вложения:

[[include component:discord-chat-source-inc-attch
|attch-id=
|user-id=
|username=
|msg-time=
|attchname=
|attchsize=
|attchlink=
]]


Начало [[include]]

Уникальный ID вложения (используйте ТОЛЬКО английские буквы)

Уникальный ID пользователя, отправившего вложение (Один из тех что вы указывали до этого)

Никнейм данного пользователя ↦

Время, когда было отправлено сообщение ↦

Отображаемое название вложения ↦

Отображаемый размер вложения ↦

Ссылка, куда пользователь попадёт при нажатии на вложение (оставьте пустым для отключения ссылки)

Конец [[include]]


[[include component:discord-chat-source-inc-attch

|attch-id=attch-one

|user-id=one

|username=GOTO 20

|msg-time=05.14.2019

|attchname=mv_sk1r.tar.gz

|attchsize=2.71 КБ

|attchlink=https://scpfoundation.net/scp-2105

]]

Шаг 5: Закрыть блок с чатом

Добавляйте эту строчку туда, где заканчивается чат:

[[include component:discord-chat-source-inc-end]]



Шаги 3-5 можно повторять. Это позволит вам создать несколько блоков с чатами, в которых вы можете использовать одних и тех же пользователей.



Дополнительные возможности

Список будет пополнятся, если будут поступать новые запросы и/или я что-то придумаю.

Добавление изображений

Вот пример сообщения с изображением:

[[include component:discord-chat-source-inc-msg-start=a
|user-id=one
|username=GOTO 20
|msg-time=Вчера в 1:28
]]
Смотри какая пикча
[[image noodle.jpg link="https://scpfoundation.net/" class="msgimage"]]
[[include component:discord-chat-source-inc-msg-end ]]


  • Для корректного функционирования необходимо добавить class="msgimage".
  • Также можно добавить link="url", чтобы изображение куда-то вело.

Добавление эмодзи

Вот два примера сообщений с эмодзи:

[[include component:discord-chat-source-inc-msg-start=a
|user-id=one
|username=GOTO 20
|msg-time=Прошлый понедельник в 21:15
]]
эй, Corvus, ты тут? [[image smug.svg class="emoji inline"]]
[[include component:discord-chat-source-inc-msg-end ]]

[[include component:discord-chat-source-inc-msg-start=a
|user-id=two
|username=Corvas
]]
ась
{{чё как }}
[[image smug.svg class="emoji alone"]]
[[include component:discord-chat-source-inc-msg-end ]]


Как видите, есть два типа эмодзи:
  • Строчные — Они требуют class="emoji inline"
  • Отдельные — Они требуют class="emoji alone"
Вам необходимо вручную прописывать эти классы изображениям, это автоматически не происходит.

Добавление разделителя НОВЫЕ СООБЩЕНИЯ

Добавляйте эту строчку туда, где вы хотите поместить разделитель НОВЫЕ СООБЩЕНИЯ

[[include component:discord-chat-sourceinc-new-msgs]]


Добавление @пингов

Для создания стилизованного @пинга просто оберните @(никнейм) следующим образом:

[[span class="at_mention"]]@никнейм[[/span]].

Если у вас остались вопросы или сомнения, можете связаться со мной на Wikidot (Woedenaz) или в Discord (@woedenaz).

Структурные: визуальный_элемент
Филиал: en
версия страницы: 7, Последняя правка: 24 Июнь 2025, 20:45 (5 дней назад)
Пока не указано иное, содержимое этой страницы распространяется по лицензии Creative Commons Attribution-ShareAlike 3.0 License.