quill.formatText（）不允许嵌套格式

Question

我使用quill.formatText()为我的文本编辑器添加自定义的“高亮”格式。我伸出一个印迹，像这样：

let Inline = Quill.import('blots/inline'); 
class highlight extends Inline { 
    static create() { 
     return super.create(); 
    } 

    static formats() { 
     return true; 
    } 
} 
highlight.blotName = 'highlight'; 
highlight.className = 'highlight'; 
highlight.tagName = 'span'; 
Quill.register(highlight); 

我然后调用quill.formatText(start, selectionLength, 'highlight', true);，它包装我在<span class="highlight">标签选择。到现在为止还挺好。

麻烦的是，我希望每个选择都被包装在自己的span标记中。当我对文本做两个选择时，一个在另一个里面，只剩下外面的span。

例如，文本test inside text。如果我想强调除了刚才的话inside整个字符串，我期望得到：

<span class="highlight">Test <span class="highlight">inside</span> text</span>

而我居然得到：

<span class="highlight">Test inside text</span>

看起来这是一个QuillJS在幕后进行的优化 - 无论如何，我可以关闭它，这样我就可以保持嵌套span？

Answer 1

而不是使格式正确或错误，尝试使其某种标识用例的id。然后，您可以向跨度添加数据属性以保存该ID，或者在您的评论中创建一个独特的类。

您可能会发现在鹅毛笔在得到一个解决方案有帮助的这个拉入请求，会为你的工作（或者干脆直接使用此代码）

https://github.com/quilljs/quill/pull/1217

Answer 2

这不是一个单纯的优化 - 它是必要的确定性奎尔保证。如果您有一些文本“Test inside text”并且将其标注为粗体，则Quill保证输出为<strong>Test inside text</strong>，而不是<strong>Test inside </strong><strong>text</strong>或<strong>Test <strong>inside</strong> text</strong>或无限数量的HTML合法选项。

羽毛笔的设计是明确的，所以您可以从设计中删除歧义，或使用允许使用的编辑器。