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

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

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

image.png

image.png

  • Vditor

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

    351 引用 • 1813 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • Vanessa 2 评论

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

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

    image.png

  • 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
  • 查看全部回帖

推荐标签 标签

  • React

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

    192 引用 • 291 回帖 • 384 关注
  • 深度学习

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

    53 引用 • 40 回帖
  • 链滴

    链滴是一个记录生活的地方。

    记录生活,连接点滴

    153 引用 • 3783 回帖 • 1 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    543 引用 • 672 回帖 • 1 关注
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。

    58 引用 • 22 回帖
  • DevOps

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

    47 引用 • 25 回帖
  • Flume

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

    9 引用 • 6 回帖 • 629 关注
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统,是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议,并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统。

    943 引用 • 943 回帖
  • DNSPod

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 510 关注
  • 互联网

    互联网(Internet),又称网际网络,或音译因特网、英特网。互联网始于 1969 年美国的阿帕网,是网络与网络之间所串连成的庞大网络,这些网络以一组通用的协议相连,形成逻辑上的单一巨大国际网络。

    98 引用 • 344 回帖
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量,事件及实时分析。

    2 引用 • 71 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖 • 4 关注
  • IDEA

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

    180 引用 • 400 回帖
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于 RESTful 接口。Elasticsearch 是用 Java 开发的,并作为 Apache 许可条款下的开放源码发布,是当前流行的企业级搜索引擎。设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。

    117 引用 • 99 回帖 • 211 关注
  • 尊园地产

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

    1 引用 • 22 回帖 • 762 关注
  • 数据库

    据说 99% 的性能瓶颈都在数据库。

    340 引用 • 708 回帖
  • 博客

    记录并分享人生的经历。

    273 引用 • 2388 回帖
  • SVN

    SVN 是 Subversion 的简称,是一个开放源代码的版本控制系统,相较于 RCS、CVS,它采用了分支管理系统,它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 680 关注
  • AngularJS

    AngularJS 诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。AngularJS 有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。2.0 版本后已经改名为 Angular。

    12 引用 • 50 回帖 • 474 关注
  • 音乐

    你听到信仰的声音了么?

    60 引用 • 511 回帖
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    247 引用 • 1348 回帖
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器,在 1999 年被捐献给 ASF(Apache Software Foundation),隶属于 Jakarta 项目,现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范,同时也提供 HTTP 服务,是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖
  • ZooKeeper

    ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 5 关注
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖
  • 强迫症

    强迫症(OCD)属于焦虑障碍的一种类型,是一组以强迫思维和强迫行为为主要临床表现的神经精神疾病,其特点为有意识的强迫和反强迫并存,一些毫无意义、甚至违背自己意愿的想法或冲动反反复复侵入患者的日常生活。

    15 引用 • 161 回帖
  • 链书

    链书(Chainbook)是 B3log 开源社区提供的区块链纸质书交易平台,通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书,我们共同构建这个全新的交易平台,让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线,也许以后还有计划重制上线。

    14 引用 • 257 回帖