登录 注册

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

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

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

image.png

image.png

  • Vditor

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

    366 引用 • 1842 回帖 • 2 关注
1 引用
自建完 cdn 后使用导出 pdf 功能 仍然有部分请求 请求的是 unpkg.com • 88250
南京 位置
1 引用
11 回帖
3
3
2
2
1.1k 233 17 646 6 6 1 219

相关帖子

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

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • Vanessa • • 2 评论 via macOS
    订阅者 付费者 MOD

    我这里是正常的，实在不行的话只能在 https://github.com/Vanessa219/vditor/blob/8763b61b9d9d15f8b916e86882c696747deb63c2/src/ts/export/index.ts#L37 打断点你们单步调试一下

    viditor 预览模式，支持点击图片查看大图功能吗？
    Ljp0605 •
    @Ljp0605 单击图片即可
    Vanessa •
  • 其他回帖
  • Praise •

    不用自己下载，全局替换 unpkg.com 为 s4.zstatic.net/npm 就可以解决了

  • lujiangbo • via macOS 
    
# vditor 删除npm中的安装包 拉取最新代码编辑后打包 放到common/vditor目录下

​

    导出 prd 的时候还是采用的线上的 cdn，访问不到 lute.min.js 导致报错不能正常显示
    https://gitee.com/vanessali/vditor
    src/ts/export/index.ts 中的 exportPDF 方法
    Vditor.preview 的第三个配置参数中增加如下代码：
    cdn: "${vditor.options.cdn}",
    theme: {
    current: "${vditor.options.preview.theme.current || 'light'}",
    path: "$${vditor.options.cdn}/dist/css/content-theme"
    },
    emojiPath: "${vditor.options.cdn}/dist/images/emoji",
    打包后复制其 package.json 和 dist 到同一个文件夹下即可，为了压缩包提把 dist 目录下的 js 和 ts 都删除
    为了导出 prd，重新在拉起线上代码，在导出的时候重新修改了代码才让其导出预览采用了自定义的 cdn

    
![Alt text](image.png)
​
  • 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 •
  • 查看全部回帖
qiaoguoxing
南京
回帖
28
 帖子
3
 积分
1998

近期热议

推荐标签 标签

  • 旅游

    希望你我能在旅途中找到人生的下一站。

    93 引用 • 901 回帖
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台，用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统（CMS）来使用。WordPress 是一个免费的开源项目，在 GNU 通用公共许可证（GPLv2）下授权发布。

    66 引用 • 114 回帖 • 196 关注
  • CSS

    CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    199 引用 • 541 回帖 • 1 关注
  • Vditor

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

    366 引用 • 1842 回帖 • 2 关注
  • IDEA

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

    181 引用 • 400 回帖 • 2 关注
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    211 引用 • 358 回帖
  • Flume

    Flume 是一套分布式的、可靠的，可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 652 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3195 引用 • 8215 回帖
  • Swift

    Swift 是苹果于 2014 年 WWDC（苹果开发者大会）发布的开发语言，可与 Objective-C 共同运行于 Mac OS 和 iOS 平台，用于搭建基于苹果平台的应用程序。

    36 引用 • 37 回帖 • 542 关注
  • 锤子科技

    锤子科技（Smartisan）成立于 2012 年 5 月，是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量。

    4 引用 • 31 回帖 • 3 关注
  • 深度学习

    深度学习（Deep Learning）是机器学习的分支，是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    53 引用 • 40 回帖
  • MySQL

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

    693 引用 • 537 回帖
  • 996

    “工作 996， 生病 ICU”

    13 引用 • 200 回帖 • 6 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台，致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验，及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖 • 1 关注
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 384 关注
  • CentOS

    CentOS（Community Enterprise Operating System）是 Linux 发行版之一，它是来自于 Red Hat Enterprise Linux 依照开放源代码规定释出的源代码所编译而成。由于出自同样的源代码，因此有些要求高度稳定的服务器以 CentOS 替代商业版的 Red Hat Enterprise Linux 使用。两者的不同在于 CentOS 并不包含封闭源代码软件。

    239 引用 • 224 回帖 • 1 关注
  • Angular

    Angular 是 AngularJS 的新版本。

    26 引用 • 66 回帖 • 543 关注
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年，是中国的 IT 社区和服务平台，为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务，满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖
  • IBM

    IBM（国际商业机器公司）或万国商业机器公司，简称 IBM（International Business Machines Corporation），总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国，是全球最大的信息技术和业务解决方案公司，拥有全球雇员 30 多万人，业务遍及 160 多个国家和地区。

    17 引用 • 53 回帖 • 147 关注
  • Telegram

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

    5 引用 • 35 回帖
  • 京东

    京东是中国最大的自营式电商企业，2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月，京东在美国纳斯达克证券交易所正式挂牌上市（股票代码：JD），是中国第一个成功赴美上市的大型综合型电商平台，与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 318 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成，还支持通过插件进行扩展。

    10 引用 • 5 回帖
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。

    729 引用 • 1278 回帖 • 1 关注
  • 设计模式

    设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    200 引用 • 120 回帖 • 1 关注
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机，如：iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    168 引用 • 595 回帖
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库，专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 83 关注
  • 小说

    小说是以刻画人物形象为中心，通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    31 引用 • 108 回帖

最新标签