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

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