Quill 2.0 來啦！

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

Quill 用戶數很多，所以發新版本的時候，無縫銜接很重要，在提高了 Quill 功能的同時，也要讓開發人員的使用負擔降到最低~

隨著 Quill 2.0 的正式發布，GitHub 存儲庫已從上次發布 Quill 1.3.7 時的 23k star 增加到超過 41k star

圖片

接下來講解一下，Quill 2.0 做了哪些更新~

TypeScript的支持

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

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

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

圖片

表格的支持

2.0 從功能上來說，我覺得最大的變化就是支持表格的操作

圖片

性能提升

Quill 2.0 做了許多性能優化工作，其中最為重要的是提升了對大型內容的渲染速度

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

在渲染4000個 Quill 實例的情況下，經過優化前后加載時間的對比如下：

圖片

注冊多個 Quill 用例

隨著Quill變得越來越流行并被廣泛使用，我們開始經常看到各種用例，有時一個頁面上甚至會同時出現多個實例。

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

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

文檔：https://slab.com/blog/announcing-quill-2-0/