如何使用分頁實現富文本編輯器？

Question

作為一個更大項目的一部分，我將實現一個帶有分頁的富文本編輯器。

由於之前的內容可編輯的糟糕體驗，我更希望編輯器使用文檔模型的方法（例如， 散文鏡像和板岩 ）。

編輯器將只有少數用戶可以插入的元素，因此數量特征不是很重要。

這里的難題是分頁，不幸的是，我看過的其他看起來不那么體面的編輯，支持開箱即用。

我有信心我能夠通過分頁支持擴展現有編輯之一，但我也知道它需要大量的工作，所以我真的想從一開始做出正確的決定。

根據提供的信息，您將選擇哪種方法來實現具有分頁功能的富文本編輯器？

有關擴展/使用各種編輯器的過去經驗的技術細節和故事非常受歡迎。

Answer 1

我們已經完成了對ProseMirror的分頁。 這是一個痛苦的屁股，但有很多方法可以使它在模型中工作 - 直接建模頁面，使用標記來指示頁面邊界等 - 只要你習慣編寫自定義視圖來支持你選擇的表示。

關鍵決策的重點是

1. 您的分頁需要具有多大的互動性？
2. 你的格式有多流暢？

如果您對“最終”正確的分頁沒有問題，並且如果您有規則來修復每行的字符（基本上是偽單一的），那么PM就可以了。 如果你需要你的分頁正確並且支持多種字體，你將不得不依靠瀏覽器測量元素大小的能力，這意味着很多“陰影”渲染。

您可能還應該事先認識到ProseMirror是一個相對較快的文檔引擎，但是對於長文檔，編輯器內分頁真的很棒，它仍然難以跟上工作量。 我希望核心可以在像WebAssembly這樣的東西上重寫，這應該為ProseMirror為這類東西做的低級計算提供了大量的加速。