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合法選項。

羽毛筆的設計是明確的，所以您可以從設計中刪除歧義，或使用允許使用的編輯器。