Vue Showdown默认类

Question

我想做到以下几点，我说我是医学博士

md:'#H1'

我想将它呈现为

<h1>H1</h1>

我能够使用VueShowdown实现这一点

但我希望为每个h1标记添加默认类，如下所示

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

我得到了类似于这个here的东西。

但我不知道如何在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" />