Vditor v1.5.12 发布,图表支持及性能改进

本贴最后更新于 1789 天前,其中的信息可能已经事过境迁

v1.5.12 简介

该版本主要对长篇幅的文本粘贴和渲染做了改进;使用 echarts 对图表进行了支持,具体写法可参见 帮助,展示如下:

{"backgroundColor":"#2c343c","title":{"text":"Customized Pie","left":"center","top":20,"textStyle":{"color":"#ccc"}},"tooltip":{"trigger":"item","formatter":"{a} <br/>{b} : {c} ({d}%)"},"visualMap":{"show":false,"min":80,"max":600,"inRange":{"colorLightness":[0,1]}},"series":[{"name":"访问来源","type":"pie","radius":"55%","center":["50%","50%"],"data":[{"value":235,"name":"视频广告"},{"value":274,"name":"联盟广告"},{"value":310,"name":"邮件营销"},{"value":335,"name":"直接访问"},{"value":400,"name":"搜索引擎"}],"roseType":"radius","label":{"normal":{"textStyle":{"color":"rgba(255, 255, 255, 0.3)"}}},"labelLine":{"normal":{"lineStyle":{"color":"rgba(255, 255, 255, 0.3)"},"smooth":0.2,"length":10,"length2":20}},"itemStyle":{"normal":{"color":"#c23531","shadowBlur":200,"shadowColor":"rgba(0, 0, 0, 0.5)"}},"animationType":"scale","animationEasing":"elasticOut"}]}

v1.5.12 变更记录

  • 73 iframe 添加 max-width enhancement
  • 72 当编辑器父元素为 position: fix 时 hit 计算错误 bug
  • 71 new 之前应保证该 id 元素在 html 中已经渲染 question
  • 70 建议删除 CDN 和代码中的 Dynamic Import invalid
  • 69 Assets 文件夹介绍 question
  • 67 长文本粘贴性能改进 enhancement
  • 66 上传按钮问题 bug
  • 65 options.upload.linkToImgUrl 配置错误提示 enhancement
  • 64 表情太多需要滚动条 enhancement
  • 63 粘贴时 html2md 和 md2html 保持一致 bug
  • 62 升级 highlight.js 到 9.15.8 development
  • 58 添加图表支持 feature

历史版本变更请浏览这里

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 你好,是否可以不集成 echarts?

    1 回复
  • 其他回帖
  • jeffjade 1 评论

    是的,刚才这边也排查了下发现用的不是标准 JSON 格式导致的。话说这个点儿了,还没休息么?

    没上班,作息时间就不太标准了。。。
    Vanessa
  • jeffjade

    中午的时候,有将 Vditor 的版本升级至 1.5.12;按照 https://hacpai.com/guide/markdown 的示例写法,发现渲染出来有报如下错误:

    echarts render error:  
    SyntaxError: Unexpected token b in JSON at position 4
    

    特意确认了下,所拷贝的 JSON 是 OK 的,请问是我的使用姿势哪里有问题么?


    等等,应该是我这边的问题,使用时是做了一个配置,而图表 string 其中部分应该是有些需要转义(直接考虑到输入框是 👌 的)。

    1 回复
  • 需要使用严格的 JSON 格式。可以使用 JSON.stringify(data) 把对象传换一下已得标准数据

    1 回复
  • 查看全部回帖
Vanessa MOD
我们终此一生,就是要摆脱他人的期待,找到真正的自己。 昆明

推荐标签 标签

  • GitBook

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

    3 引用 • 8 回帖
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息(如用户名与密码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 16 关注
  • 音乐

    你听到信仰的声音了么?

    59 引用 • 509 回帖
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    70 引用 • 532 回帖 • 721 关注
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    284 引用 • 247 回帖 • 159 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。

    5 引用 • 13 回帖
  • Markdown

    Markdown 是一种轻量级标记语言,用户可使用纯文本编辑器来排版文档,最终通过 Markdown 引擎将文档转换为所需格式(比如 HTML、PDF 等)。

    165 引用 • 1466 回帖
  • Git

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

    205 引用 • 357 回帖
  • webpack

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

    41 引用 • 130 回帖 • 289 关注
  • CSS

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

    182 引用 • 451 回帖 • 3 关注
  • JWT

    JWT(JSON Web Token)是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准(RFC 7519),定义了一种简洁的,自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 18 关注
  • 友情链接

    确认过眼神后的灵魂连接,站在链在!

    24 引用 • 373 回帖 • 2 关注
  • Lute

    Lute 是一款结构化的 Markdown 引擎,支持 Go 和 JavaScript。

    25 引用 • 191 回帖 • 22 关注
  • 前端

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

    247 引用 • 1347 回帖 • 1 关注
  • 资讯

    资讯是用户因为及时地获得它并利用它而能够在相对短的时间内给自己带来价值的信息,资讯有时效性和地域性。

    53 引用 • 85 回帖
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现,服务器端用 Erlang 语言编写,支持多种语言客户端,如:Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息,在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 402 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统,实现一个自托管的 Git 项目仓库,可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • 知乎

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

    10 引用 • 66 回帖
  • 开源中国

    开源中国是目前中国最大的开源技术社区。传播开源的理念,推广开源项目,为 IT 开发者提供了一个发现、使用、并交流开源技术的平台。目前开源中国社区已收录超过两万款开源软件。

    7 引用 • 86 回帖
  • Sym

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

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

    523 引用 • 4589 回帖 • 686 关注
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 469 关注
  • 996
    13 引用 • 200 回帖
  • 微服务

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

    96 引用 • 155 回帖 • 2 关注
  • Maven

    Maven 是基于项目对象模型(POM)、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    186 引用 • 318 回帖 • 340 关注
  • 链滴

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

    记录生活,连接点滴

    135 引用 • 3692 回帖
  • InfluxDB

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

    2 引用 • 59 关注
  • 机器学习

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

    76 引用 • 37 回帖