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

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

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

image.png

image.png

  • Vditor

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

    365 引用 • 1841 回帖 • 2 关注

相关帖子

欢迎来到这里!

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

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

    好的,我都加一下

  • 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 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

  • north999

    使用新版本的 vditor 导出 pdf 功能还是请求的线上

  • north999
    1 回复
  • Vanessa 2 评论 via macOS

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

    viditor 预览模式,支持点击图片查看大图功能吗?
    Ljp0605
    @Ljp0605 单击图片即可
    Vanessa
  • 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)
  • lujiangbo via macOS

    image.png

  • Praise

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

请输入回帖内容 ...

推荐标签 标签

  • 服务器

    服务器,也称伺服器,是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。

    125 引用 • 585 回帖
  • Outlook
    1 引用 • 5 回帖 • 2 关注
  • MySQL

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

    692 引用 • 535 回帖
  • Sym

    Sym 是一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)系统平台。

    下一代的社区系统,为未来而构建

    524 引用 • 4601 回帖 • 700 关注
  • QQ

    1999 年 2 月腾讯正式推出“腾讯 QQ”,在线用户由 1999 年的 2 人(马化腾和张志东)到现在已经发展到上亿用户了,在线人数超过一亿,是目前使用最广泛的聊天软件之一。

    45 引用 • 557 回帖
  • Unity

    Unity 是由 Unity Technologies 开发的一个让开发者可以轻松创建诸如 2D、3D 多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。

    25 引用 • 7 回帖 • 135 关注
  • Excel
    31 引用 • 28 回帖
  • 职场

    找到自己的位置,萌新烦恼少。

    127 引用 • 1708 回帖
  • 架构

    我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    143 引用 • 442 回帖
  • danl
    163 关注
  • 钉钉

    钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。

    15 引用 • 67 回帖 • 296 关注
  • Typecho

    Typecho 是一款博客程序,它在 GPLv2 许可证下发行,基于 PHP 构建,可以运行在各种平台上,支持多种数据库(MySQL、PostgreSQL、SQLite)。

    12 引用 • 67 回帖 • 444 关注
  • Solidity

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

    3 引用 • 18 回帖 • 430 关注
  • Hibernate

    Hibernate 是一个开放源代码的对象关系映射框架,它对 JDBC 进行了非常轻量级的对象封装,使得 Java 程序员可以随心所欲的使用对象编程思维来操纵数据库。

    39 引用 • 103 回帖 • 719 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目,是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台,为开发者提供便利的 API 接口来调用服务,让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 487 关注
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    92 引用 • 752 回帖
  • 机器学习

    机器学习(Machine Learning)是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为,以获取新的知识或技能,重新组织已有的知识结构使之不断改善自身的性能。

    83 引用 • 37 回帖
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 93 关注
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    16 引用 • 236 回帖 • 278 关注
  • CSS

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

    198 引用 • 541 回帖 • 1 关注
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。

    76 引用 • 258 回帖 • 634 关注
  • SMTP

    SMTP(Simple Mail Transfer Protocol)即简单邮件传输协议,它是一组用于由源地址到目的地址传送邮件的规则,由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇,它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 636 关注
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。

    76 引用 • 1742 回帖
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 21 关注
  • 微服务

    微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。

    96 引用 • 155 回帖
  • 外包

    有空闲时间是接外包好呢还是学习好呢?

    26 引用 • 233 回帖 • 1 关注
  • 工具

    子曰:“工欲善其事,必先利其器。”

    295 引用 • 750 回帖