vditor 初始化异常

本贴最后更新于 204 天前,其中的信息可能已经水流花落

js 初始化如下,

AddArticle.editor = Util.newVditor({
      id: 'articleContent',
      cache: Label.articleOId ? false : true,
      preview: {
        mode: 'both',
      },
      resize: {
        enable: false,
      },
      //height: 360,
      counter: 4096,
      placeholder: $('#articleContent').data('placeholder'),
      input: function () {
        if (Label.articleType === 3) {
          var postData = JSON.parse(localStorage.postData)
          prevValue = localStorage.getItem('vditorarticleContent') || ''
          AddArticle.recordThought(prevValue, postData)
          localStorage.postData = JSON.stringify(postData)
        }
      },
    })

结果显示如下图所示,

QQ 截图 20200331100902.png

分析了一波,和官方的 static 例子对比,工具的 item 都没有设置左浮动布局,工具栏缺少了类标记 class="vditor-toolbar__item"。有哪位大佬知道原因呢?怎么破

  • Vditor

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

    86 引用 • 704 回帖 • 7 关注
  • Q&A

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

    1825 引用 • 11820 回帖 • 578 关注

赞助商 我要投放

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 88250

    我帮你召唤作者 @Vanessa

  • Vanessa

    需要引入 CSS

    2 回复
  • yishanchuan
    作者

    大佬,我引入了啊

  • yishanchuan
    作者

    image.png

  • Vanessa

    看一下日志或文档中给出的 demo