Question

我正在探索一种支持在VSCode中预览自定义标签的方法。我有一个自定义标签

<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>

这被转化为某种东西

＆＃13;

{{1}}

＆＃13;

我探索了showdownjs和markdown-it但它们都依赖于正则表达式。另一种方法是逐行解析md文件并将其转换为相关标记。

是否有任何输入或链接可以帮助我实现这一目标？

Answer 1

您可以使用markdown extension

来实现

具体来说，VS Code允许扩展贡献markdown-it plugin。这些插件可以添加对新的markdown标签的支持

VSCode中的markdown中的自定义标记支持

1 个答案: