大家是如何渲染 HTML 内容的？

我在开发一个应用，打算使用 Vditor 作为编辑器。我在数据表中分别存储从编辑器获取的 markdown_content 和 html_content。

渲染的时候，直接从数据库中检索出 html_content 渲染到 HTML 页面中，如下。


<html><head><link rel="stylesheet" type="text/css" href="https://ld246.com/js/lib/vditor/dist/index.css"/>
<script src="https://ld246.com/js/lib/vditor/dist/js/i18n/zh_CN.js"></script>
<script src="https://ld246.com/js/lib/vditor/dist/method.min.js"></script></head>
<body>
	<!-- 渲染HTML内容 -->
	<div class="vditor-reset" id="preview">${model.htmlContent}</div>
<script>
    const previewElement = document.getElementById('preview')
    Vditor.setContentTheme('light', 'https://ld246.com/js/lib/vditor/dist/css/content-theme');
    Vditor.codeRender(previewElement);
    Vditor.highlightRender({"enable":true,"lineNumber":false,"defaultLang":"","style":"github"}, previewElement, 'https://ld246.com/js/lib/vditor');
    Vditor.mathRender(previewElement, {
        cdn: 'https://ld246.com/js/lib/vditor',
        math: {"engine":"KaTeX","inlineDigit":false,"macros":{}},
    });
    Vditor.mermaidRender(previewElement, 'https://ld246.com/js/lib/vditor', 'classic');
    Vditor.markmapRender(previewElement, 'https://ld246.com/js/lib/vditor', 'classic');
    Vditor.flowchartRender(previewElement, 'https://ld246.com/js/lib/vditor');
    Vditor.graphvizRender(previewElement, 'https://ld246.com/js/lib/vditor');
    Vditor.chartRender(previewElement, 'https://ld246.com/js/lib/vditor', 'classic');
    Vditor.mindmapRender(previewElement, 'https://ld246.com/js/lib/vditor', 'classic');
    Vditor.abcRender(previewElement, 'https://ld246.com/js/lib/vditor');
    Vditor.mediaRender(previewElement);
    Vditor.speechRender(previewElement);
</script>
<script src="https://ld246.com/js/lib/vditor/dist/js/icons/ant.js"></script></body></html>

这样做会有什么弊端吗？

关于在 Vditor 粘贴 word 内容的问题

比如从 word 复制以下内容：备份数据 #执行以下命令完成数据备份 sh /opt/a.sh 在编辑器粘贴后，实际会渲染成[图片] 会产生很多横线（-），我有个场景遇到了这个问题：因为编辑器内容进行提交时，会消耗 AI 的 maxToken，字数太多，会触发字数过多提示，希望针对这种情况进行优化，或者说能不能不把 ..

Vditor 工具栏下拉列表自动消失问题

[视频]问题描述：如视频中，在编辑器输入过程中（光标在编辑器内），点击切换编辑模式，打开下拉选项，鼠标未进行操作，下拉会自动隐藏，导致无法选中和点击。如果光标移出编辑器（鼠标在编辑器外点击了一下），再操作下拉选项，下拉内容可以一直展示。期望结果: 像官方样例一样，在编辑器内点击后，下拉内容才隐藏，不会出现自动隐藏的 ..

vditor 大纲内容点击没有锚点定位到内容指定位置

在使用 vditor 版本 3.11.0 开发过程中，遇到了以下问题：问题描述：接口异步获取正文内容之后，左侧自动渲染出大纲，但是大纲点击之后不会自动定位到内容指定标题位置。大家有没有遇到过同样的问题，求指点~~

怎么使用 VditorPreview 呢？

vditor 离线使用，我之前是 import 导入 VditorPreview,按照官网我把 dist 放在 public 后，我把 vditor 的 node 包删掉了，之前写的 import 导入 VditorPreview 注释掉，后续不知道怎么操作了，VditorPreview 控制台报错找不到，我加上 cd ..

vditor 能和思源笔记结合用吗

我说的用法是 nextcloud 用 viditor 来做 md 的文件编辑器，然后这样就能分享协作了同时思源笔记就是本地的工具用 webdav 来做同步可是我找不到 viditor 跟 nextcloud 的结合方法没得相应的程序感觉 viditor 跟思源的编辑器不一致啊，这个好像没得缩进线也不能折叠 ..

欢迎来到这里！