登录 注册

vditor 自建 cdn 之后，基本功能是可以使用的，但是有部分功能还是会走线上的 cdn

本贴最后更新于 369 天前，其中的信息可能已经斗转星移

vditor 自建 cdn 之后，基本功能是可以使用的，但是有部分功能还是会走线上的 cdn，比如导出 pdf 功能，还是会走下面这个 cdn，会请求不到资源，导出 pdf 的功能就用不了。还有自定义按钮图标名字的问题（比如我改了上传文件功能为上传图片，结果上传图标看不到了，但是功能正常）。这种问题应该怎么解决呢？

image.png

image.png

  • Vditor

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

    354 引用 • 1823 回帖 • 1 关注
1 引用
自建完 cdn 后使用导出 pdf 功能 仍然有部分请求 请求的是 unpkg.com • 88250
南京 位置
1 引用
11 回帖
3
3
2
2
870 233 17 492 5 4 1 118

相关帖子

11 回帖
vditor 自建 cdn 之后，基本功能是可以使用的，但是有部分功能还是会走线上的 cdn

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • qiaoguoxing • • 3 评论
    捐赠者 作者

    846c0554b335a84e7d69b8079a7644c.png

    d9f2a0e16194fef88d9fee4fd6f6e07.png

    @88250 @Vanessa 两位大佬，拉了最新源码之后，本地自建 cdn，导出 pdf 还是走的 unpkg。

    没有问题，你需要运行一下 npm run build
    Vanessa •
    我 build 重新打 dist 了，缓存也清了几次了，还把版本升到最新了，不知道为啥还是不行，有空我捋捋源码，暂时把导出隐藏了。
    qiaoguoxing •
    @Vanessa 我看文档里面给的预览的配置是 Vditor.preview,我用的是 import VditorPreview from 'vditor/dist/method.min'，用的 VditorPreview.preview(),就是预览跟编辑是分开的方法，里面分别配置了一套 option，但是都写了 cdn，不知道是不是这个原因导致的？
    qiaoguoxing •
  • 其他回帖
  • Vanessa •
    订阅者 付费者 MOD

    Issue #1522 · Vanessa219/vditor

    1 回复
  • qiaoguoxing • • 17 评论
    捐赠者 作者

    image.png

    image.png

    编辑写在我自己的 initEdit()方法里面的，配置了 option 的本地 cdn。

    image.png

    image.png

    预览又写在了我的 initView()方法里面，也配了本地 cdn。

    @88250 @Vanessa 是不是我这种操作不对 😂

    点导出 pdf，只有 lute 那一个还是线上 cdn，其他导出的时候请求的 css 资源看都走本地 cdn 了。
    qiaoguoxing •
    @qiaoguoxing 导出需要去 github 上面自己编译最新代码，还没有发布
    Vanessa •
    @Vanessa 我是在 github 的 master 分支拉了最新的代码，用最新的代码在本地 npm run build 打包的的，然后把 dist 文件放到我项目里面的，还有啥编译操作吗？
    qiaoguoxing •
    @qiaoguoxing 这样就可以了。我在本地这样操作导出 pdf 是没有 unpkg 的请求了。
    Vanessa •
    @Vanessa 有点奇怪了，我这只有 lute 这个文件一直走 unpkg，有空我再研究研究。
    qiaoguoxing •
    @qiaoguoxing _lutePath 是不是设置过这个参数
    Vanessa •
    @Vanessa 没有，就是完全按照之前发的 Issue #1522 · Vanessa219/vditor 这个来配的，其他就是把 npm 安装的 vditor 版本升到最新的"vditor": "^3.9.7",别的什么都没配了。
    qiaoguoxing •
    @qiaoguoxing 要按照上面的 “导出需要去 github 上面自己编译最新代码，还没有发布”
    Vanessa •
    @Vanessa 额，上面说的“我是在 github 的 master 分支拉了最新的代码，用最新的代码在本地 npm run build 打包的的，然后把 dist 文件放到我项目里面的，还有啥编译操作吗？”已经拉最新源码，重打 dist 放到本地了。
    qiaoguoxing •
    @Vanessa 这几天有点忙，暂时把导出功能去掉了，不影响项目，麻烦大佬看了，感谢。。等有时间，我看看源码，找找原因，正好学习学习。。
    qiaoguoxing •
    @qiaoguoxing 看你说的是升级到 3.9.7。我看了下最新代码本地运行后是没有问题的，你有空再看看吧，有什么问题再 at 我就可以了。
    Vanessa •
    @Vanessa 好的，感谢大佬！
    qiaoguoxing •
    @Vanessa 大佬我用 npm 也是吧 vditor 安装到了 3.9.7 版本，GitHub 也是拉取的最新代码，cdn 那些配置的东西也都配置完了。在初始化组件时，请求都是走的本地的，但是在导出 PDF 时，lute.min.js、zh_CN.js、ant.js、light.css、github.css 这些请求还是走的线上的
    north999 •
    @north999 等明天发 3.9.8
    Vanessa •
    @Vanessa V 姐 我换成 3.9.8 版本后还是出现之前那些问题 貌似没有解决
    north999 •
    @north999 是导出 PDF 还有 unpkg 嘛？配置了没有？ 具体操作步骤和现象是？
    Vanessa •
    @Vanessa 对 导出 pdf 还是请求的 unpkg
    north999 •
  • north999 •

    这是导出 pdf 的请求

    b72a6f8315545676c2d8e098bd7794f.png

    6e16391b29d733fea546f5c9bd60190.png

    cdn 配置

    image.png

    之前用的旧版本的 vditor 没有问题 现在换上 3.9.8 版本的出现了问题 就是上传音频文件时报错了

    image.png

  • 查看全部回帖
qiaoguoxing
南京
回帖
28
 帖子
3
 积分
1998

近期热议

推荐标签 标签

  • B3log

    B3log 是一个开源组织，名字来源于“Bulletin Board Blog”缩写，目标是将独立博客与论坛结合，形成一种新的网络社区体验，详细请看 B3log 构思。目前 B3log 已经开源了多款产品：Sym、Solo、Vditor 和 思源笔记。

    1063 引用 • 3454 回帖 • 189 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商，致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景，七牛先后推出了对象存储，融合 CDN 加速，数据通用处理，内容反垃圾服务，以及直播云服务等。

    27 引用 • 225 回帖 • 163 关注
  • IDEA

    IDEA 全称 IntelliJ IDEA，是一款 Java 语言开发的集成环境，在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。

    181 引用 • 400 回帖
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似，也就是用各类命令预先放入到一个文件中，方便一次性执行的一个程序文件，主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大，比用其他编程程序编辑的程序效率更高，因为它使用了 Linux/Unix 下的命令。

    123 引用 • 74 回帖 • 2 关注
  • MySQL

    MySQL 是一个关系型数据库管理系统，由瑞典 MySQL AB 公司开发，目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。

    692 引用 • 535 回帖
  • C

    C 语言是一门通用计算机编程语言，应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    85 引用 • 165 回帖 • 2 关注
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发，是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 667 关注
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    23014 引用 • 92572 回帖
  • WebComponents

    Web Components 是 W3C 定义的标准，它给了前端开发者扩展浏览器标签的能力，可以方便地定制可复用组件，更好的进行模块化开发，解放了前端开发者的生产力。

    1 引用 • 4 关注
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端，也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言，在 20 世纪 90 年代中期由日本的松本行弘（まつもとゆきひろ/Yukihiro Matsumoto）设计并开发。在 Ruby 社区，松本也被称为马茨（Matz）。

    7 引用 • 31 回帖 • 216 关注
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流，分享无限上传的图片，发布链接和视频，更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 440 关注
  • Docker

    Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，然后发布到任何流行的操作系统上。容器完全使用沙箱机制，几乎没有性能开销，可以很容易地在机器和数据中心中运行。

    492 引用 • 926 回帖
  • MongoDB

    MongoDB（来自于英文单词“Humongous”，中文含义为“庞大”）是一个基于分布式文件存储的数据库，由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。它支持的数据结构非常松散，是类似 JSON 的 BSON 格式，因此可以存储比较复杂的数据类型。

    90 引用 • 59 回帖 • 1 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。

    41 引用 • 130 回帖 • 253 关注
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库，强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery，是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 724 关注
  • JSON

    JSON （JavaScript Object Notation）是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    52 引用 • 190 回帖 • 1 关注
  • Vue.js

    Vue.js（读音 /vju ː/，类似于 view）是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    265 引用 • 666 回帖 • 1 关注
  • 尊园地产

    昆明尊园房地产经纪有限公司，即：Kunming Zunyuan Property Agency Company Limited（简称“尊园地产”）于 2007 年 6 月开始筹备，2007 年 8 月 18 日正式成立，注册资本 200 万元，公司性质为股份经纪有限公司，主营业务为：代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。

    1 引用 • 22 回帖 • 772 关注
  • JetBrains

    JetBrains 是一家捷克的软件开发公司，该公司位于捷克的布拉格，并在俄国的圣彼得堡及美国麻州波士顿都设有办公室，该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境：IntelliJ IDEA。

    18 引用 • 54 回帖
  • Love2D

    Love2D 是一个开源的， 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 538 关注
  • Solidity

    Solidity 是一种智能合约高级语言，运行在 [以太坊] 虚拟机（EVM）之上。它的语法接近于 JavaScript，是一种面向对象的语言。

    3 引用 • 18 回帖 • 401 关注
  • DevOps

    DevOps（Development 和 Operations 的组合词）是一组过程、方法与系统的统称，用于促进开发（应用程序/软件工程）、技术运营和质量保障（QA）部门之间的沟通、协作与整合。

    51 引用 • 25 回帖
  • 反馈

    Communication channel for makers and users.

    123 引用 • 913 回帖 • 250 关注
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统，在 BSD 开源许可证下发布。

    22 引用 • 22 回帖
  • 大数据

    大数据（big data）是指无法在一定时间范围内用常规软件工具进行捕捉、管理和处理的数据集合，是需要新处理模式才能具有更强的决策力、洞察发现力和流程优化能力的海量、高增长率和多样化的信息资产。

    93 引用 • 113 回帖
  • 房星科技

    房星网，我们不和没有钱的程序员谈理想，我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源，遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 584 关注

最新标签