微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Vue Showdown 默认类

如何解决Vue Showdown 默认类

我想实现以下说我作为MD

md:'#H1'

我想把它渲染成

<h1>H1</h1>

我能够使用 VueShowdown

实现这一目标

但我想为每个 h1 标签添加认类

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

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

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

甚至可以在 VueShowdown 中使用吗?

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

解决方法

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

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

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

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。