Vditor 如何离线使用?

如何正确的配置为本地使用呢?不想用 CDN

虽然第一次打开之后,之后可以离线使用。我是 npm 安装好了想单纯在本地使用

看了下 cdn 配置有点晕 【https://hacpai.com/article/1549638745630#CDN-%e5%88%87%e6%8d%a2】,有大佬能详细指点下吗?

正常使用状态下仅尝试修改了配置 cdn:'..',然后白屏了,F12 调试发现没有加载 CSS 😂

  • Vditor

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

    88 引用 • 709 回帖 • 1 关注
  • Q&A

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

    1827 引用 • 11837 回帖 • 576 关注

赞助商 我要投放

欢迎来到这里!

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

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

    我用的就是本地的,完全可以用,具体是这个样子的:

    1. 首先下载源码,git clone https://github.com/Vanessa219/vditor.git

    2. 然后进入目录,执行:npm install

    3. 然后执行:npm run build

    4. 在外面新建个文件夹,将 dist 文件夹整个拷贝出来。比如我新建目录 vditor,拷贝好之后 vditor 目录下有个 dist 目录,/vditor/dist/(dist 不能改名字哦)。

    5. 这个时候就可以引用了,我的 Web 服务的静态资源目录是 res,所以设置:cdn:'/res/vditor'

    6. CSS 和 js 引用是这个样子的:

      <link rel="stylesheet" href="/res/vditor/dist/index.css"/>
      <script src="/res/vditor/dist/index.min.js"></script>
      
    7. 你试试吧,多多交流 ~