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