Creating a custom class attributer in QuillJS

Question

I'm trying to create a custom class attributer in QuillJS. I've got this far:

let config = {
  scope: Parchment.Scope.BLOCK,
};

let MClass = new Parchment.Attributor.Class('mark', 'dom-mark', config);
Quill.register(MClass,true)

But when attempting:

this.quillEditor.format('mark', 'MarkThisHere');

I get:

ERROR TypeError: BlotClass.create is not a function

What am i doing wrong?

Answer 1

Works for me in this example.

Parchment = Quill.import('parchment');

let config = {
  scope: Parchment.Scope.BLOCK,
};

let MClass = new Parchment.Attributor.Class('mark', 'dom-mark', config);
Quill.register(MClass,true)

var quill = new Quill('#editor-container', {
  modules: {
    toolbar: [
      [{ header: [1, 2, false] }],
      ['bold', 'italic', 'underline'],
      ['image', 'code-block']
    ]
  },
  placeholder: 'Compose an epic...',
  theme: 'snow'  // or 'bubble'
});

quill.format('mark', 'MarkThisHere');