クールパーチメントのスタイル属性を定義する正しい方法は何ですか

Question

パーチメントドキュメントのすべての例を試しましたが、どれも正しく動作しません。たとえば、ドキュメントから次のコードを使用して...

import Parchment from 'parchment'; 

let Align = new Parchment.Attributor.Style('align', 'text-align', { 
    whitelist: ['right', 'center', 'justify'] // Having no value implies left align 
}); 
Parchment.register(Align); 

let node = document.createElement('div'); 
Align.add(node, 'right'); 
console.log(node.outerHTML); 

ドキュメントは、これは<div class="blot-align-right"></div>を出力しますが、私は実際にちょうど<div></div>を得ると述べています。

デバッガで何が起こっているのかを確認しました。 Align.add()は常にcanAdd()を呼び出し、常にfalseを返します。

Parchmentを使用する実例を誰でも提供できますか？

Answer 1

これは動作するはずです：

Parchment = Quill.import('parchment'); 

let Align = new Parchment.Attributor.Style('align', 'text-align', { 
    whitelist: ['right', 'center', 'justify'] 
}); 

Quill.register(Align); 

let node = document.createElement('div'); 
Align.add(node, 'right'); 
console.log(node.outerHTML);