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