Я искал способ поддержки предварительного просмотра пользовательских тегов в VSCode.У меня есть пользовательский тег типа
> [!NOTE]
>
> This is the first line of a note.
> This is the second line of a note.
Это переводится на что-то
<svg xmlns="http://www.w3.org/2000/svg" class="adm-hidden">
<symbol id="adm-info">
<svg enable-background="new 0 0 24 24" xmlns="http://www.w3.org/2000/svg"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m20.5 11.8c0 4.5-3.7 8.2-8.2 8.2s-8.2-3.7-8.2-8.2 3.7-8.2 8.2-8.2 8.2 3.7 8.2 8.2zm-6.7 4c-.1-.1-.2-.2-.2-.3v-4.5c0-.1.1-.2.2-.4s.2-.3.2-.3 0-.1-.1-.1c-.1-.1-.5-.2-1.2-.4-.7-.1-1.2-.2-1.5-.2-.5 0-.7 0-.7.1s.1.3.2.6v4.7c0 .3-.1.5-.2.6-.2.2-.2.3-.2.3.1.1.5.3 1.2.4.6.1 1.2.2 1.6.2h.3c.4-.1.5-.2.5-.5.1 0 .1-.1-.1-.2zm-.9-8.6c-.7-.1-1.2-.2-1.5-.2-.2 0-.5.2-.7.4s-.3.4-.3.6c0 .1 0 .1.1.2s.6.2 1.5.4c1 .3 1.5.4 1.6.3.1 0 .2-.2.3-.5s.2-.5.2-.6v-.1c-.1-.1-.5-.3-1.2-.5z" fill="currentColor"/></svg>
</symbol></svg>
<div class="adm-block adm-info ">
<div class="adm-heading">
<svg class="adm-icon">
<use xlink:href="#adm-info"/></svg><span></span>
</div>
<div class="adm-body">
<p>This is the first line of a note.
This is the second line of a note.</p>
</div></div>
Я исследовал showdownjs и markdown-it, но оба они полагались на регулярное выражение.Другой способ заключался в том, чтобы построчно анализировать файл md и преобразовывать его в соответствующий тег.
Есть ли какие-либо входные данные или ссылки, которые могут помочь мне в достижении этого?