登录 注册

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

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

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

image.png

image.png

  • Vditor

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

    337 引用 • 1751 回帖 • 1 关注
1 引用
自建完 cdn 后使用导出 pdf 功能 仍然有部分请求 请求的是 unpkg.com • 88250
南京 位置
1 引用
11 回帖
3
3
2
2
708 204 17 367 3 3 114

相关帖子

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

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • lujiangbo • 
    
# 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)
  • 其他回帖
  • north999 •

    这是导出 pdf 的请求

    b72a6f8315545676c2d8e098bd7794f.png

    6e16391b29d733fea546f5c9bd60190.png

    cdn 配置

    image.png

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

    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 • • 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 •
  • 查看全部回帖
qiaoguoxing
南京
回帖
28
 帖子
3
 积分
1988

近期热议

推荐标签 标签

  • IDEA

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

    180 引用 • 400 回帖
  • JSON

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

    52 引用 • 190 回帖 • 1 关注
  • 分享

    有什么新发现就分享给大家吧！

    246 引用 • 1781 回帖
  • ZeroNet

    ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。

    1 引用 • 21 回帖 • 615 关注
  • FlowUs

    FlowUs.息流 个人及团队的新一代生产力工具。

    让复杂的信息管理更轻松、自由、充满创意。

    1 引用 • 1 关注
  • Vue.js

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

    263 引用 • 664 回帖
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务，可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务，所以该项目也已经停止维护了！

    34 引用 • 467 回帖 • 714 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎，可以结合 MySQL、PostgreSQL 做全文搜索，它可以提供比数据库本身更专业的搜索功能，使得应用程序更容易实现专业化的全文检索。

    1 引用 • 193 关注
  • 书籍

    宋真宗赵恒曾经说过：“书中自有黄金屋，书中自有颜如玉。”

    76 引用 • 390 回帖 • 1 关注
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统，它完整实现了 JMS 规范，是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 651 关注
  • 知乎

    知乎是网络问答社区，连接各行各业的用户。用户分享着彼此的知识、经验和见解，为中文互联网源源不断地提供多种多样的信息。

    10 引用 • 66 回帖
  • TGIF

    Thank God It's Friday! 感谢老天，总算到星期五啦！

    287 引用 • 4484 回帖 • 660 关注
  • abitmean

    有点意思就行了

    • 31 关注
  • 深度学习

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

    46 引用 • 40 回帖
  • CAP

    CAP 指的是在一个分布式系统中， Consistency（一致性）、 Availability（可用性）、Partition tolerance（分区容错性），三者不可兼得。

    11 引用 • 5 回帖 • 590 关注
  • 支付宝

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

    29 引用 • 347 回帖
  • FFmpeg

    FFmpeg 是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。

    23 引用 • 31 回帖 • 9 关注
  • Google

    Google（Google Inc.，NASDAQ：GOOG）是一家美国上市公司（公有股份公司），于 1998 年 9 月 7 日以私有股份公司的形式创立，设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”，它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎，它提供了简单易用的免费服务。不作恶（Don't be evil）是谷歌公司的一项非正式的公司口号。

    49 引用 • 192 回帖 • 1 关注
  • 旅游

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

    88 引用 • 897 回帖
  • Docker

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

    487 引用 • 908 回帖
  • 以太坊

    以太坊（Ethereum）并不是一个机构，而是一款能够在区块链上实现智能合约、开源的底层系统。以太坊是一个平台和一种编程语言 Solidity，使开发人员能够建立和发布下一代去中心化应用。 以太坊可以用来编程、分散、担保和交易任何事物：投票、域名、金融交易所、众筹、公司管理、合同和知识产权等等。

    34 引用 • 367 回帖
  • 房星科技

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

    6 引用 • 141 回帖 • 565 关注
  • CodeMirror
    1 引用 • 2 回帖 • 127 关注
  • 导航

    各种网址链接、内容导航。

    37 引用 • 168 回帖
  • JetBrains

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

    18 引用 • 54 回帖 • 1 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点；但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中，从而不再需要读写 HDFS，因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 562 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations，简称 DJI)，成立于 2006 年，是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商，客户遍布全球 100 多个国家。通过持续的创新，大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖 • 1 关注

最新标签