Стилизация

  • Markdown
  • Стилизация
  • Markdown
Около 2 мин

Создавайте встроенный фрагмент, стилизуя встроенные токены, включая изменение тегов, добавление атрибутов и изменение содержимого.

Конфиг

Использование

stylize получает массив, где каждый элемент принимает 2 варианта:

  • matcher: должно быть string или RegExp.

  • replacer: функция, обрезающая совпадающий токен

Например, вы можете использовать следующую конфигурацию для преобразования *Recommended* в значок <Badge type="tip">Recommended</Badge>:

Другой пример: вы хотите, чтобы все слова с эмфисом n’t были окрашены в красный цвет, так что Setting this to a invalid syntax *doesn’t* have any effect. становится: "Установка недопустимого ститакса не имеет никакого эффекта."

Если вы хотите пропустить некоторые слова на некоторых страницах, вы можете установить noStylize во вступительной части страницы с массивом содержимого, которое вы не хотите стилизовать.

Производительность

Чтобы избежать влияния на производительность, вы должны стараться избегать использования RegExp для повышения производительности, если вам это не нужно.

Также попробуйте создать фрагменты с RegExp с меньшими затратами, например: RegExp начинается с ^ и заканчивается на $.

Например, если вы хотите сопоставить только "SHOULD", "MUST" и "MAY", вы должны написать /^(?:SHOULD|M(?:UST|AY))$/u вместо /SHOULD|MUST|MAY/u. Первый совпадет только 2 раза с "A loo...oong content" с 1000 символов, но со вторым RegExp будет совпадать почти 3000 раз.

Loading...