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

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

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

Quill 2.0 来啦!

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

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

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

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

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

TypeScript的支持

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

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

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

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

表格的支持

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

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

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

性能提升

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

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

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

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

注册多个 Quill 用例

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

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

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

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

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

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

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

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

标签:
  • 热门焦点
  • Redmi Pad评测:红米充满野心的一次尝试

    从Note系列到K系列,从蓝牙耳机到笔记本电脑,红米不知不觉之间也已经形成了自己颇有竞争力的产品体系,在中端和次旗舰市场上甚至要比小米新机的表现来得更好,正所谓“大丈夫生居
  • 5月安卓手机好评榜:魅族20 Pro夺冠

    性能榜和性价比榜之后,我们来看最后的安卓手机好评榜,数据来源安兔兔评测,收集时间2023年5月1日至5月31日,仅限国内市场。第一名:魅族20 Pro好评率:97.50%不得不感慨魅族老品牌还
  • CSS单标签实现转转logo

    转转品牌升级后更新了全新的Logo,今天我们用纯CSS来实现转转的新Logo,为了有一定的挑战性,这里我们只使用一个标签实现,将最大化的使用CSS能力完成Logo的绘制与动画效果。新logo
  • 学习JavaScript的10个理由...

    作者 | Simplilearn编译 | 王瑞平当你决心学习一门语言的时候,很难选择到底应该学习哪一门,常用的语言有Python、Java、JavaScript、C/CPP、PHP、Swift、C#、Ruby、Objective-
  • 年轻人的“职场羞耻感”,无处不在

    作者:冯晓亭 陶 淘 李 欣 张 琳 马舒叶来源:燃次元“人在职场,应该选择什么样的着装?”近日,在网络上,一个与着装相关的帖子引发关注,在该帖子里,一位在高级写字楼亚洲金
  • 阿里瓴羊One推出背后,零售企业迎数字化新解

    作者:刘旷近年来随着数字经济的高速发展,各式各样的SaaS应用服务更是层出不穷,但本质上SaaS大多局限于单一业务流层面,对用户核心关切的增长问题等则没有提供更好的解法。在Saa
  • 疑似小米14外观设计图曝光:后置相机模组变化不大

    下半年的大幕已经开启,而谁将成为下半年手机圈的主角就成为了大家关注的焦点,其中被传有望拿下新一代骁龙8 Gen3旗舰芯片的小米14系列更是备受大家瞩
  • 华为HarmonyOS 4升级计划公布:首批34款机型今日开启公测

    8月4日消息,今天下午华为正式发布了HarmonyOS 4系统,在更流畅的前提下,还带来了不少新功能,UI设计也有变化,会让手机焕然一新。华为宣布,首批机型将会在
  • 2299元起!iQOO Pad明晚首销:性能最强天玑平板

    5月23日,iQOO如期举行了新品发布会,除了首发安卓最强旗舰处理器的iQOO Neo8系列新机外,还在发布会上推出了旗下首款平板电脑——iQOO Pad,其最大的卖点
Top