当前位置:首页 > 科技  > 软件

时隔五年, Quill 2.0 终于发布!重回富文本巅峰!

来源: 责编: 时间:2024-05-11 09:13:36 244观看
导读Quill 2.0 来啦!自最初的 1.0 版本发布以来,Quill 见证了来自快速发展的初创公司、知名品牌和老牌财富 500 强公司的众多成功案例,这些公司已将 Quill 纳入其面向用户的产品的一些最重要和核心的部分Quill 用户数很多,所

Quill 2.0 来啦!

自最初的 1.0 版本发布以来,Quill 见证了来自快速发展的初创公司、知名品牌和老牌财富 500 强公司的众多成功案例,这些公司已将 Quill 纳入其面向用户的产品的一些最重要和核心的部分69s28资讯网——每日最新资讯28at.com

Quill 用户数很多,所以发新版本的时候,无缝衔接很重要,在提高了 Quill 功能的同时,也要让开发人员的使用负担降到最低~69s28资讯网——每日最新资讯28at.com

随着 Quill 2.0 的正式发布,GitHub 存储库已从上次发布 Quill 1.3.7 时的 23k star 增加到超过 41k star69s28资讯网——每日最新资讯28at.com

图片图片69s28资讯网——每日最新资讯28at.com

接下来讲解一下,Quill 2.0 做了哪些更新~69s28资讯网——每日最新资讯28at.com

TypeScript的支持

Quill的源代码已经完全迁移到TypeScript,从中我们获得了早期错误检测、改进的可维护性以及更好的工具支持等诸多优势。这使得我们的代码库更为强大,也为Quill和我们的开发者社区带来了更多好处。69s28资讯网——每日最新资讯28at.com

在此之前,开发者需要单独安装@types/quill这个包,才能获取到TypeScript的定义。然而,这种方式有时并不够准确,甚至可能与Quill的实际类型不符合,因为这个包是由我们更广泛的社区维护的,因此与核心Quill包的更新也不一定同步。69s28资讯网——每日最新资讯28at.com

但是,有了Quill 2.0,这些麻烦和出错的机会都将成为过去。开发者现在可以直接从源头获取类型信息。要进行升级,只需从项目中移除@types/quill包,TypeScript将自动从Quill中选择相应的声明。69s28资讯网——每日最新资讯28at.com

图片图片69s28资讯网——每日最新资讯28at.com

表格的支持

2.0 从功能上来说,我觉得最大的变化就是支持表格的操作69s28资讯网——每日最新资讯28at.com

图片图片69s28资讯网——每日最新资讯28at.com

图片69s28资讯网——每日最新资讯28at.com

性能提升

Quill 2.0 做了许多性能优化工作,其中最为重要的是提升了对大型内容的渲染速度69s28资讯网——每日最新资讯28at.com

  • 这些优化包括增加了 insertBefore 函数,并且尽可能地使用 insertBefore 来提高 setContents 函数的性能
  • 通过对 getRange 函数进行优化,提升了同时渲染多个 Quill 实例的性能,经过优化后,即使在同一个页面上同时渲染了4000个 Quill 实例,其渲染性能也提升了近10倍
  • 优化了 Quill 实例的初始化逻辑,当内容为空时,无需执行 setContents 函数

在渲染4000个 Quill 实例的情况下,经过优化前后加载时间的对比如下:69s28资讯网——每日最新资讯28at.com

图片图片69s28资讯网——每日最新资讯28at.com

注册多个 Quill 用例

随着Quill变得越来越流行并被广泛使用,我们开始经常看到各种用例,有时一个页面上甚至会同时出现多个实例。69s28资讯网——每日最新资讯28at.com

比如说,在一个博客平台上,Quill可能被用来为博客帖子提供一个全功能的编辑界面,包括编辑标题、插入图片和代码块;而在同一个页面上,Quill也可能被用于评论区,提供基本的文本格式化功能,如加粗、斜体和插入链接。69s28资讯网——每日最新资讯28at.com

Quill 2.0引入的新注册表(registry)功能支持了这种场景,使得同一个页面上可以存在多个配置各异的编辑器实例,而且它们之间不会互相冲突。欲了解更多关于注册表的信息,请参阅文档69s28资讯网——每日最新资讯28at.com

文档:https://slab.com/blog/announcing-quill-2-0/69s28资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-87954-0.html时隔五年, Quill 2.0 终于发布!重回富文本巅峰!

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: Python 代码中的事务隔离

下一篇: Python性能提升大杀器:深入解析functools.lru_cache装饰器

标签:
  • 热门焦点
  • CSS单标签实现转转logo

    转转品牌升级后更新了全新的Logo,今天我们用纯CSS来实现转转的新Logo,为了有一定的挑战性,这里我们只使用一个标签实现,将最大化的使用CSS能力完成Logo的绘制与动画效果。新logo
  • Flowable工作流引擎的科普与实践

    一.引言当我们在日常工作和业务中需要进行各种审批流程时,可能会面临一系列技术和业务上的挑战。手动处理这些审批流程可能会导致开发成本的增加以及业务复杂度的上升。在这
  • 一篇文章带你了解 CSS 属性选择器

    属性选择器对带有指定属性的 HTML 元素设置样式。可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。一、了解属性选择器CSS属性选择器提供了一种简单而
  • 使用AIGC工具提升安全工作效率

    在日常工作中,安全人员可能会涉及各种各样的安全任务,包括但不限于:开发某些安全工具的插件,满足自己特定的安全需求;自定义github搜索工具,快速查找所需的安全资料、漏洞poc、exp
  • 梁柱接棒两年,腾讯音乐闯出新路子

    文丨田静 出品丨牛刀财经(niudaocaijing)7月5日,企鹅FM发布官方公告称由于业务调整,将于9月6日正式停止运营,这意味着腾讯音乐长音频业务走向消亡。腾讯在长音频领域还在摸索。为
  • 阿里大调整

    来源:产品刘有媒体报道称,近期淘宝天猫集团启动了近年来最大的人力制度改革,涉及员工绩效、层级体系等多个核心事项,目前已形成一个初步的“征求意见版”:1、取消P序列
  • 华为Mate 60系列用上可变灵动岛:正式版体验将会更出色

    这段时间以来,关于华为新旗舰的爆料日渐密集。据此前多方爆料,今年华为将开始恢复一年双旗舰战略,除上半年推出的P60系列外,往年下半年的Mate系列也将
  • 郭明錤称华为和江淮汽车合作开发问界MPV,定价100万左右、计划明年量产

    8 月 1 日消息,郭明錤今天在 Medium 平台发布博文,称华为正在和江淮汽车合作,开发售价在 100 万元的问界 MPV,预计在 2024 年第 2 季度量产,销量目标为
  • 2022爆款:ROG魔霸6 冰川散热系统持续护航

    喜逢开学季,各大商家开始推出自己的新产品,进行打折促销活动。对于忠实的端游爱好者来说,能够拥有一款梦寐以求的笔记本电脑是一件十分开心的事。但是现在的
Top