关于 Vditor 编辑器的一个请教

我在基于 Vditor 编辑器基础之上,开发一个 Web 版的 Markdown 编辑器网站,现在有个功能是,用户打开文章的编辑页面,Vditor 如何回显文章内容呢?我现在 在 vditor 初始化后的 after 函数回调时,进行 vditor.setValue(document.getElementById("").textContent)。 虽然回显成功,但是编辑后每次刷新页面,又回到数据库保存的原文了。这块有什么好的方法么?

还有直接 setValue(一段 Markdown),会报 js 某些字符导致语法错误,我是先把文章渲染到别的 div 中,再 document.getElementById 后设置进去的

等开发完,我会在本社区分享使用 ~😋

  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,使用 TypeScript 实现,在线试用

    46 引用 • 473 回帖 • 5 关注
  • Q&A

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

    1587 引用 • 10408 回帖 • 574 关注
1 操作
cbam 在 2020-02-24 14:41:22 更新了该帖
8 回帖
请输入回帖内容...
  • cbam

    @V 大神 ~

    1 回复
  • V

    小朋友振作起来,不要太难过。

  • Vanessa

    将修改的内容缓存到本地,刷新后使用本地缓存。

    setValue 报错的 md 发我看一下。渲染到 div 中会存在其他更多的问题。

    2 回复
  • cbam 1 评论

    image.png

    如果 freemarkder 先渲染到另外 div,然后这样搞就可以

    
    vditor.setValue(document.getElementById('your-article').textContent)
                document.getElementById('your-article').innerHTML = "";
    
    1 回复
    报错是你的语法错了,和 setValue 没挂席。内容中有 HTML 标签,你这个就用不了了
    Vanessa
  • Vanessa

    报错是你的语法错了,和 setValue 没关系

    内容中有 HTML 标签,你这个就用不了了

    你可以参考一下 https://hacpai.com/guide/markdown 这个页面的写法

    1 回复
  • cbam 2 评论

    image.png

    我看 HacPai md 文本怎么在 textarea 标签里面,而 vditor 例子中是

    
    
    <div id="vditor">
        md 文本
    div>
    这个回帖里为啥很多 HTML 😂
    88250 1 赞同
    这个示例表示可以对内部的 HTML 进行默认初始化,但是你的文章不能保证用户的输入。
    Vanessa
  • cbam 1 评论

    链接里面回显效果咋实现的呢?

    什么回显效果?
    Vanessa
  • cbam 3 评论

    http://md.6aiq.com 墨刀编辑器 😋 ,现在差回显允许编辑,然后核心功能就能走通了。从用 symphony,就觉得编辑器特别好用 ~

    404
    Vanessa
    @Vanessa 已修复 404 问题,编辑界面缓存我已有大致方案,现在没时间搞了,哈哈
    cbam
    @cbam 可以的话,保留以下关于吧
    Vanessa
请输入回帖内容 ...