How to add data-id attributes to selection?

[jankapunkt]

I have a module that dynamically highlights text by given data from outside.
While highlighting via formatText works fine, I am struggling to attach a custom data-id to the given range.

In the examples I found there was never shown how to add these values but only how to declare attributors:

import Quill from 'quill';

const Module = Quill.import('core/module');
const Parchment = Quill.import('parchment');
const DataIdAttributor = new Parchment.Attributor('data-id', 'data-id', { scope: Parchment.Scope.BLOCK, });

Quill.register('attributors/attribute/id', DataIdAttributor, true);
Quill.register({ 'formats/data-id': DataIdAttributor, }, true);

export class SelectionHighlightBG extends Module {
    constructor(quill, options) {
        super(quill, options);
        this.quill = quill;
        this.options = options;
    }

    highlight ({ id, start, end, color }) {
        const length = end - start
        this.quill.formatText(start, length, {
            background: color,
        })
        // attach data-id here but how <----------------------
    }
}

Anyone can point me into a direction or has an example?

[jankapunkt]

My bad, I forgot to define data-id in formats option when creating a new quill instance.