在Quill Parchment中定義樣式屬性的正確方法

Question

我已經嘗試了Parchment文檔中的所有示例，但都沒有正確工作。例如，使用下面的代碼與文檔...

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。

任何人都可以提供使用羊皮紙的工作示例？

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);