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