quill-uploader/es/formats/loading.js

Quill custom Uploader, supports images, videos, and attachments, with customizable loading indicators.

import _Quill from 'quill';
const Quill = window.Quill || _Quill;
const Image = Quill.import('formats/image');
const EmbedBlot = Quill.import('blots/embed');
class Loading extends EmbedBlot {
    static create(value) {
        const node = super.create(value);
        if (value === true) {
            return node;
        }
        else if (typeof value === 'string') {
            value = {
                url: value
            };
        }
        if (value.url) {
            const image = document.createElement('img');
            image.setAttribute('src', value.url);
            image.setAttribute('alt', value.label || value.name || '');
            node.appendChild(image);
        }
        const dataset = Object.assign({}, value);
        delete dataset.url;
        Object.assign(node.dataset, dataset);
        node.setAttribute('contenteditable', 'false');
        return node;
    }
    static formats(domNode) {
        return Object.assign({}, domNode.dataset);
    }
    static value() {
        return undefined;
    }
    static register() {
        const Block = Quill.import('blots/block');
        Block.allowedChildren.push(Loading);
    }
}
Loading.blotName = 'loadingBlot';
Loading.className = 'ql-uploading';
Loading.tagName = 'span';
Loading.allowedChildren = [Image];
export default Loading;