quilljsで段落のカスタム属性を保持する方法

Question

現在、プロジェクトにquilljsを使用しています。クリップボードモジュールからdangerouslyPasteHTML APIを使用してhtmlを追加しようとすると、段落のカスタム属性が削除されます。例えば

：

次のコードを適用するには：

quill.clipboard.dangerouslyPasteHTML("<p data-id='1'>Hello</p>"); 

得られる出力は

<p>Hello</p> 

でどのようにして、出力の属性 'データ-ID' を保持していますか？

UPDATE 1：、同じデータを（Enterキーを押す）、新しい行を作成する上で、しかし

var Parchment = Quill.import('parchment'); 
var dataId = new Parchment.Attributor.Attribute('data-id', 'data-id', { 
    scope: Parchment.Scope.BLOCK 
}); 
Quill.register(dataId); 

：私は次のコードを使用してカスタム属性のデータ-ID」を保持するために管理している -idは新しい段落にも表示されます。新しい段落にカスタムデータIDが含まれているか、 'data-id'属性が含まれていないことを確認するにはどうすればよいですか？

Answer 1

textChangedメソッドでイベント処理を追加することをお勧めします。デルタをチェックして、 'insert'にも変更される '属性'フィールドが含まれているかどうかを確認できます。そのような場合は、現在の選択インデックスを保持するupdateContentsをトリガできます。その後、挿入物の長さを削除し、属性なしで挿入し直します。