Vditor 是一款功能丰富的浏览器端 Markdown 编辑器,它支持所见即所得(WYSIWYG)、即时渲染(类似 Typora)和分屏预览模式。如果你想要实现 Vditor 的目录(TOC)功能,你可以在编辑器的配置选项中设置 preview.markdown.toctrue,这样就能够自动生成文档的目录结构。

以下是一个包含 TOC 功能的 Vditor 初始化示例配置:

new Vditor('vditor', {
  height: 360,
  mode: 'ir', // 可以是 'sv', 'ir' 或 'wysiwyg'
  preview: {
    markdown: {
      toc: true, // 开启目录功能
    }
  },
  toolbarConfig: {
    pin: true,
  },
  cache: {
    enable: false,
  },
  after: () => {
    // 初始化后的回调函数
  },
});

在这个配置中,preview.markdown.toc 的设置是关键,它告诉 Vditor 在渲染 Markdown 时生成目录。此外,你可以根据需要配置其他参数,比如编辑器的高度(height)、模式(mode)、工具栏设置(toolbarConfig)等。

更多详细信息和高级配置,可以参考 Vditor 的官方文档和 GitHub 仓库。