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