Quill 2.0 來啦！

自最初的 1.0 版本發布以來，Quill 見證了來自快速發展的初創公司、知名品牌和老牌財富 500 強公司的眾多成功案例，這些公司已將 Quill 納入其面向用戶的產品的一些最重要和核心的部分ry428資訊網——每日最新資訊28at.com

Quill 用戶數很多，所以發新版本的時候，無縫銜接很重要，在提高了 Quill 功能的同時，也要讓開發人員的使用負擔降到最低~ry428資訊網——每日最新資訊28at.com

隨著 Quill 2.0 的正式發布，GitHub 存儲庫已從上次發布 Quill 1.3.7 時的 23k star 增加到超過 41k starry428資訊網——每日最新資訊28at.com

圖片ry428資訊網——每日最新資訊28at.com

接下來講解一下，Quill 2.0 做了哪些更新~ry428資訊網——每日最新資訊28at.com

TypeScript的支持

Quill的源代碼已經完全遷移到TypeScript，從中我們獲得了早期錯誤檢測、改進的可維護性以及更好的工具支持等諸多優勢。這使得我們的代碼庫更為強大，也為Quill和我們的開發者社區帶來了更多好處。ry428資訊網——每日最新資訊28at.com

在此之前，開發者需要單獨安裝@types/quill這個包，才能獲取到TypeScript的定義。然而，這種方式有時并不夠準確，甚至可能與Quill的實際類型不符合，因為這個包是由我們更廣泛的社區維護的，因此與核心Quill包的更新也不一定同步。ry428資訊網——每日最新資訊28at.com

但是，有了Quill 2.0，這些麻煩和出錯的機會都將成為過去。開發者現在可以直接從源頭獲取類型信息。要進行升級，只需從項目中移除@types/quill包，TypeScript將自動從Quill中選擇相應的聲明。ry428資訊網——每日最新資訊28at.com

圖片ry428資訊網——每日最新資訊28at.com

表格的支持

2.0 從功能上來說，我覺得最大的變化就是支持表格的操作ry428資訊網——每日最新資訊28at.com

圖片ry428資訊網——每日最新資訊28at.com

ry428資訊網——每日最新資訊28at.com

性能提升

Quill 2.0 做了許多性能優化工作，其中最為重要的是提升了對大型內容的渲染速度ry428資訊網——每日最新資訊28at.com

• 這些優化包括增加了 insertBefore 函數，并且盡可能地使用 insertBefore 來提高 setContents 函數的性能
• 通過對 getRange 函數進行優化，提升了同時渲染多個 Quill 實例的性能，經過優化后，即使在同一個頁面上同時渲染了4000個 Quill 實例，其渲染性能也提升了近10倍
• 優化了 Quill 實例的初始化邏輯，當內容為空時，無需執行 setContents 函數

在渲染4000個 Quill 實例的情況下，經過優化前后加載時間的對比如下：ry428資訊網——每日最新資訊28at.com

圖片ry428資訊網——每日最新資訊28at.com

注冊多個 Quill 用例

隨著Quill變得越來越流行并被廣泛使用，我們開始經?？吹礁鞣N用例，有時一個頁面上甚至會同時出現多個實例。ry428資訊網——每日最新資訊28at.com

比如說，在一個博客平臺上，Quill可能被用來為博客帖子提供一個全功能的編輯界面，包括編輯標題、插入圖片和代碼塊；而在同一個頁面上，Quill也可能被用于評論區，提供基本的文本格式化功能，如加粗、斜體和插入鏈接。ry428資訊網——每日最新資訊28at.com

Quill 2.0引入的新注冊表（registry）功能支持了這種場景，使得同一個頁面上可以存在多個配置各異的編輯器實例，而且它們之間不會互相沖突。欲了解更多關于注冊表的信息，請參閱文檔ry428資訊網——每日最新資訊28at.com

文檔：https://slab.com/blog/announcing-quill-2-0/ry428資訊網——每日最新資訊28at.com

本文鏈接：http://www.tebozhan.com/showinfo-26-87954-0.html時隔五年， Quill 2.0 終于發布！重回富文本巔峰！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com

上一篇： Python 代碼中的事務隔離

下一篇： Python性能提升大殺器：深入解析functools.lru_cache裝飾器