登录 注册

vditor 编辑器保存内容为 md 格式后，怎么在前端页面显示

本贴最后更新于 197 天前，其中的信息可能已经时移俗易

如果保存为 md 格式的数据 (getValue），在前端页面显示没有 md2html 的方法。

如果保存为 html 格式的数据 (getHTML)，用编辑器编辑时调用 html2md 方法，假如 md 内容里有原生的 html 标签，会被转换丢

还有一个问题，假如有用脑图的话，getHTML 返回的 html 内容，不能直接显示脑图

@Vanessa @88250

  • Vditor

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

    130 引用 • 942 回帖 • 4 关注
  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    2106 引用 • 12823 回帖 • 556 关注
1 操作
kkk321 在 2020-09-29 17:53:09 更新了该帖
北京 位置
20 悬赏
1 关注
1 操作
6 回帖
2
565 57 175 33 40 6 4 250

相关帖子

随便看看

广告 我要投放

6 回帖
vditor 编辑器保存内容为 md 格式后，怎么在前端页面显示

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • Vanessa •
    订阅者

    参考 http://vditor.b3log.org/demo 中的页面渲染

    1 回复
  • kkk321 •
    作者
    1. 数据库存 markdown: 内容显示时用 md2html 的话，有脑图是需要再调用 mindmapRender 是吧，有直接生成完整 html 数据的方法吗，因为想在列表页显示很多项内容，然后最好能有后端 md2html 的方法
    2. 数据库存 html：这种方式，在初始化 vditor 编辑的时候，调用 setValue(html2md('content')), 这样用是错误的吗，因为假如原生 markdown 里有 html 标签，标签会背转化掉
    1 回复
  • Vanessa •
    订阅者
    1. 前端有直接生成 HTML 的方法，请查 http://vditor.b3log.org/demo，后端可以使用 lute，但是还是需要依次调用 XXXRender
    2. 建议存原生 MD，这样后期解析 class 等修改就不需要全量去更新数据库了
    2 回复
  • mmzsblog • • 1 评论

    存了原生 MD，但是在
    https://b3log.org/vditor/demo/中没找到如何利用 vditor 在前端界面显示出来的方法？希望能告知一个简单例子，谢谢；倒腾好几天了

    1 回复
    参考 http://vditor.b3log.org/demo 中的页面渲染
    Vanessa •
  • Jesse4023 •

    如果是 vue 我弄出来了

  • lyscmsPro • • 1 评论

    md2html 代码没有渲染高亮呢？ 配置如下：

    Vditor.md2html(markdown,
      {
        mode: 'light',
        hljs: {
          enable: true,
          style: 'native',
          lineNumber: true,
        },
        markdown:{
          codeBlockPreview: true,
        },
        speech: {
          enable: true,
        },
        anchor: 1,
      },
    ).then((value: string) => {
      setHtml(value);
    });
    参考一下 https://b3log.org/vditor/demo/preview.html
    Vanessa •
请输入回帖内容 ...