如何在 Quill JS 上保留空白，同时保持 Microsoft Word 复制/粘贴的格式？

Question

我有一个 html 上的quill js编辑器（MVC C# .Net 项目）。我想保留空格（包括制表符/缩进）。添加white-space: pre到编辑器可以解决这个问题，但是当从 Microsoft Word 粘贴时，会出现一些奇怪的换行符。

white-space: normal我可以毫无问题地从 Microsoft Word 进行粘贴 - 它保留了缩进。但是，当将 HTML 字符串保存到数据库并在编辑器上再次显示时，不会保留空格。（有道理，因为空白是正常的）。

但是，如果我设置white-space: pre（或预行或预换行），则数据库保存和演示的一切都会很好。但是，当从 Microsoft Word 粘贴时，每个句子的中间都会出现换行符......

Answer 1

我最终通过重新定义 Quill 生成的块解决了这个问题！

var Block = Quill.import('blots/block');
Block.tagName = 'DIV';
Block.className = 'pre';
Quill.register(Block, true);

通过这样做，我将鹅毛笔编辑器上的文本块注册为<div>类“pre” <div class='pre'>：。在此声明之后，我设置了“pre”类样式（css）：

.pre {
   white-space: pre-wrap !important;
}

现在发生的事情是，每个文本块都变成了<div>具有可定制样式的文本。这解决了我的问题！现在保留 Microsoft Word 副本以及正常的文本输入！