在Quill羊皮纸中定义样式属性的正确方法是什么

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。

谁能提供一个使用羊皮纸的工作示例？

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