Кнопка композитора маркера

:information_source: Краткое описание Кнопка подсветки текста для панели инструментов редактора Discourse
:eyeglasses: Предпросмотр Видеодемо
:hammer_and_wrench: Репозиторий GitHub - denvergeeks/discourse-highlight-wrap-theme-component: A Text Highlighter Button for the Discourse Composer Toolbar · GitHub
:question: Руководство по установке Как установить тему или компонент темы
:open_book: Новичок в темах Discourse? Руководство для начинающих по использованию тем Discourse

Установить этот компонент темы

Кнопка выглядит как маркер… discourse-highlighter-button Она предназначена для очень конкретной и ограниченной цели: нажатие кнопки на панели инструментов редактора для вставки <mark>этот</mark>.

:information_source: Ctrl-H — это сочетание клавиш, которое можно использовать вместо нажатия кнопки.

В настройках можно изменить как цвет маркера (фон), так и цвет текста в выделенных фрагментах.

Огромная благодарность @pfaffman, @merefield, @Lilly, @JammyDodger и @Canapin за помощь в создании этого!

15 лайков

Это потрясающе. Молодец :clap:t2: :star_struck:

3 лайка

очень приятно.

где определён класс .d-wrap?
у меня он отображается с этим цветом в теме по умолчанию… хотел бы, чтобы он был цвета подсветки, как в вашем видео, спасибо

image

Похоже, это переменная цвета --highlight-medium в палитре, которую вы используете для этой темы.

Вот как выглядит одна из моих палитр:

Этот компонент использует средний оттенок цвета подсветки. Вы можете увидеть точный вариант в вашем руководстве по стилям, если оно включено в настройках администратора (включено руководство по стилям или только для администраторов). Руководство по стилям цветов темы находится по адресу /styleguide/atoms/colors.

2 лайка

На самом деле, возможно, стоит создать PR или предложить переопределение цвета подсветки. :slight_smile:

2 лайка

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

2 лайка

Добавляю настройку… сейчас вернусь

1 лайк

Разве использование mark не было бы более ожидаемым? Мне кажется, что оно использует цвет «выделение» из цветовой палитры.

<mark>mark</mark>

3 лайка

ОК, я добавил туда настройку по умолчанию для #ff8.

1 лайк

Ха-ха, я как раз собирался отправить тебе PR :slight_smile:

Happy Super Hero Girls GIF by DC

Круто, только что скачал, работает отлично! :grinning:

2 лайка

Привет, @denvergeeks :slight_smile:

Вот как ваш стиль отличается (с настройками по умолчанию) от <mark> (который использует переменные цветов Discourse, обеспечивая читаемость при любой выбранной цветовой схеме):

В тёмной теме:

3 лайка

Отлично, @Canapin, я это внедрю!

Или, если кто-то хочет сделать QPR, дайте знать, так как сегодня я могу до этого не добраться.

Отлично, теперь используется предложение @Canapin по применению встроенного тега <mark> и соответствующих CSS-настроек по умолчанию.

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

1 лайк

Я пытаюсь создать палитру цветов в формате JSON, но у меня ничего не получается. Просто появляется пустое всплывающее окно с кнопкой «Сохранить». :woman_facepalming:t2:
Может быть, попробую найти способ сделать это на JavaScript. В интерфейсе палитры цветов и значков есть функции JS для выбора цвета, но, возможно, они работают только с плагином.

1 лайк

Для меня эти настройки не являются переопределениями. Их необходимо заполнить, иначе ничего не произойдет.

И… я использую тему по умолчанию, и из-за отсутствия утреннего кофе я в «медленном режиме» — я не проверял, связано ли это с самой темой.

Редактирование: нет, тема или цветовая схема не играют никакой роли. Так будет ли это следовать цветовой схеме и являться переопределением, или это обязательная настройка?

Попробуйте обновить компонент и перезагрузить страницу. Мне не удалось воспроизвести ошибку.

Вставляется ли тег <mark></mark>?

Я сначала обновил, а потом попробовал. И нет, там используется wrap. Так что я немного отстаю?

На самом деле настройка выбора цвета в формате JSON (в теме или компоненте) в Discourse не работает.
Я считаю, что хорошей практикой было бы в целом использовать переменные цветов Discourse вместо того, чтобы выбирать произвольные цвета в теме или компоненте, которые могут плохо сочетаться в зависимости от того, какие темы и цвета выбрали пользователи.

Некоторое время назад пользователь создал выбор цвета для редактора, но я не уверен, что код был опубликован:

2 лайка