javascript - Vue Showdown 默认类

Question

我想实现以下我说我的MD

md:'#H1'

我想把它渲染为

<h1>H1</h1>

我能够使用VueShowdown来实现这一点

但我想为每个 h1 标签添加默认类，比如

<h1 class="custom">H1</h1>

我在这里得到了类似的东西。

但我不知道如何在 Vue 中使用它。

在 VueShowdown 中甚至有可能吗？

有没有更好的库有这个功能？

Answer 1

您可以创建一个简单的指令：

Vue.directive('default-classes', (parentElement) {
  const els = parentElement.querySelectorAll('h1')

  els.forEach((el) => {
    el.classList.add('custom')
  })
  
})

然后将该指令应用于VueShowdown组件：

<VueShowdown v-default-classes :markdown="markdownBinding" />