퀼 양피지에 스타일 속성을 정의하는 올바른 방법은 무엇입니까

Question

양피지 문서의 모든 예제를 시도했지만 그 중 아무 것도 올바르게 작동하지 않습니다. 예를 들어,이 <div class="blot-align-right"></div>를 인쇄 할 것이다 ... 문서에서

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