Встроенный код трудно идентифицировать

Поддержка
1

Встроенный код code → Обычный код

Я нашел два решения, но ни одно из них не работает. Я что-то упустил или что-то изменилось с тех пор.

Заранее спасибо…

С уважением.

2

В разделе администрирование > настройки есть 4 параметра, которые вам нужно проверить

image
image679×315 4.66 KB

Надеюсь, это поможет

3

Я не вижу никаких различий:

Язык кода по умолчанию → auto
Подсвечиваемые языки → список
Показать кнопку копирования для блока кода → включено
Автоматическая подсветка всего кода → включено

Опция недоступна для code-fences.

Я не могу установить code-fences, так как это требует бизнес-плана.

ПРИМЕЧАНИЕ

Также я добавляю plain-text в список…

С уважением.

4

Как уже упомянул OP, встроенный код можно выделить. Метод всё ещё работает:

  1. Перейдите по адресу https://example.com/admin/customize/themes/1/common/scss/edit (ваш URL темы может отличаться)
  2. Прокрутите вниз до раздела CSS и вставьте код ниже:
p>code, li>code {
   color: #c7254e;
   background: #f9f2f4;
   padding: 2px 4px;
   border-radius: 2px;
}

Сохраните. Готово. Ваш встроенный текст выглядит так: изображение

изображение
изображение341×456 13.4 KB

это только для блоков кода (см. картинку ниже). Исходный вопрос касался встроенного текста

изображение
изображение199×198 3.94 KB

5

Спасибо за ответ. Я тестировал ваш код ранее, но не понимаю, почему он не работает на моём сайте:

Скриншот от 2021-11-10 13-01-53
Скриншот от 2021-11-10 13-01-53364×631 19.4 KB

Скриншот от 2021-11-10 13-04-12

С уважением.

6

Скорее всего, ваша тема уже кастомизирована и не поддерживает это.

Я использую тему по умолчанию (извините за текст на русском):

изображение
изображение829×327 49.1 KB

7

Я использовал цветовую схему по умолчанию — светлую.

С уважением,

8

Я только что провёл тест на своём сайте с темой «Default Light», и у меня всё работает. :+1: Мне пришлось обновить страницу, чтобы она корректно отобразилась.

inline code tweak
inline code tweak1080×1290 117 KB

Вы добавили это как новый компонент темы? Если да, то не забыли ли вы подключить его к теме? (очевидно, я знаю, но я сам забыл :slightly_smiling_face:)

9

Очень рад работать здесь сейчас, и спасибо за то, что указали мне правильное направление, но возникла проблема: компонент, применяющий тему, мешает работе исходного кода. Когда у меня появилось более чёткое представление о том, что это за компонент, я написал его здесь.

С уважением.

10

Я нашёл это, и вот источник:

→ discourse-custom-code/common at main · discourse/discourse-custom-code · GitHub

p > code,
li > code,
pre > code {
  color: dark-light-choose($code_light, $code_dark) $i;
  background: dark-light-choose($code_background_light, $code_background_dark) $i;
}

Вы можете сделать это без правок CSS, просто используя этот компонент и изменив:

  • цвет для светлой темы;
  • цвет фона для светлой темы;
  • цвет для тёмной темы;
  • цвет фона для тёмной темы.

ЗАМЕЧАНИЕ

Однако это работает как для встроенного кода, так и для блоков кода.

С уважением.

11

Похоже, правильная ссылка должна быть Custom Code