如何做到代码块自定义渲染?

我有很仔细的阅读官网的例子,看到官网提供了一个自定义标题的渲染:renderHeading(node, entering)

但是,node 这个参数我看了,目前只有 headingLevel 这个属性。

如果我想自定义 renderCodeBlock 呢?

就是根据不同的语言,返回对应的 div。

  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    130 引用 • 944 回帖 • 3 关注
1 操作
rayjohnttttt 在 2021-03-28 17:36:59 更新了该帖

广告 我要投放

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 88250 1 评论
    订阅者

    你好,暂时没有时间写具体的示例代码了,请参考一下 go 的 render 实现

    1 回复
    你好,我看了 go 的实现,在不修改源码的情况下,还是无法做到自定义渲染代码块。
    rayjohnttttt
  • rayjohnttttt
    作者

    你好,我看了 go 的实现,在不修改源码的情况下,还是无法做到自定义渲染代码块。

    比如以下:

    <pre class="line-numbers"><code>...</code></pre>