Markdown-it предоставляет гибкий механизм расширения функциональности
через плагины. Один из таких плагинов предназначен для поддержки
аббревиатур в Markdown. Он позволяет автоматически
распознавать сокращения и расшифровывать их при рендеринге HTML,
добавляя атрибуты title к соответствующим элементам.
Плагин для аббревиатур обычно устанавливается через npm:
npm install markdown-it-abbr
После установки подключение к движку Markdown-it выглядит следующим образом:
const MarkdownIt = require('markdown-it');
const abbr = require('markdown-it-abbr');
const md = new MarkdownIt();
md.use(abbr);
Плагин автоматически сканирует текст на наличие объявлений аббревиатур в формате:
*[HTML]: Hyper Text Markup Language
*[CSS]: Cascading Style Sheets
Затем эти аббревиатуры можно использовать в любом месте документа.
Markdown-it заменит их на HTML-теги <abbr> с
атрибутом title, содержащим полное значение
аббревиатуры:
HTML и CSS являются основой веб-разработки.
После рендеринга получится:
<abbr title="Hyper Text Markup Language">HTML</abbr> и <abbr title="Cascading Style Sheets">CSS</abbr> являются основой веб-разработки.
Объявления аббревиатур пишутся в Markdown отдельно от основного текста. Стандартный синтаксис выглядит так:
*[ABBR]: Полное описание аббревиатуры
ABBR — сокращение, которое будет заменено на тег
<abbr>.Полное описание аббревиатуры — значение атрибута
title.Особенности синтаксиса:
HTML и
html будут восприниматься как разные.После объявления аббревиатуры можно писать её в тексте без дополнительной разметки. Плагин автоматически распознаёт вхождения сокращений. Пример:
*[API]: Application Programming Interface
Использование API позволяет обмениваться данными между приложениями.
Рендеринг HTML будет следующим:
Использование <abbr title="Application Programming Interface">API</abbr> позволяет обмениваться данными между приложениями.
Плагин markdown-it-abbr не имеет сложных параметров
конфигурации, так как его задача узконаправленная. Основное, что можно
контролировать — это порядок подключения плагинов. Например, если
используется несколько плагинов, важно подключить
markdown-it-abbr после плагинов, которые изменяют текст или
добавляют новые типы токенов, чтобы аббревиатуры корректно
распознавались.
*[ABBR]: Полное описание, остаются неизменными.title последним объявлением.*[HTML]: Hyper Text Markup Language
*[CSS]: Cascading Style Sheets
*[JS]: JavaScript
HTML, CSS и JS используются для создания веб-страниц. JS позволяет добавлять интерактивность, CSS отвечает за оформление, а HTML задаёт структуру.
После рендеринга HTML будет следующим:
<abbr title="Hyper Text Markup Language">HTML</abbr>, <abbr title="Cascading Style Sheets">CSS</abbr> и <abbr title="JavaScript">JS</abbr> используются для создания веб-страниц. <abbr title="JavaScript">JS</abbr> позволяет добавлять интерактивность, <abbr title="Cascading Style Sheets">CSS</abbr> отвечает за оформление, а <abbr title="Hyper Text Markup Language">HTML</abbr> задаёт структуру.
Это позволяет поддерживать чистоту текста и одновременно предоставлять пользователям подсказки о значении сокращений.
Плагин для аббревиатур в Markdown-it — простой, но мощный инструмент для повышения информативности Markdown-документов. Он облегчает поддержку документации, где часто встречаются технические термины, сокращения и профессиональные аббревиатуры, делая текст более понятным при отображении в HTML.
Он хорошо сочетается с другими плагинами Markdown-it и минимально влияет на производительность, так как работает исключительно на уровне токенов текста и не изменяет основную логику рендеринга.