quote bbcode with custom attributes

[berkut1]

I spent some time to implement phpbb quote styles:
[quote=name post_id=1 date=datetime user_id=2]text[/quote]
[quote=name]text[/quote]
[quote]text[/quote]
Maybe it will be useful for someone as example of creating custom bbcodes (https://www.sceditor.com/documentation/custom-bbcodes/)

quote = {
    tags: {
        blockquote: null
    },
    isInline: false,
    quoteType: sceditor.BBCodeParser.QuoteType.never,
    format: function (element, content) {
        const attrArray = [
            'author', //'data-author'
            'post_id', //'data-post_id'
            'user_id', //'data-user_id'
            'date' //'data-date'
        ];

        let tagCiteBlock;
        let children = element.children;

        for (let i = 0; i < children.length; i++) {
            if (sceditor.dom.is(children[i], 'cite')) {
                tagCiteBlock = children[i];
            }
            if(tagCiteBlock){
                break;
            }
        }

        let quoteAttrs = '';

        for (let i = 0; i < attrArray.length; i++) {
            let nameAttr = 'data-' + attrArray[i];

            if (tagCiteBlock || sceditor.dom.attr(element, nameAttr)) {
                let attr = sceditor.dom.attr(element, nameAttr)
                sceditor.dom.attr(element, nameAttr, attr);

                if (tagCiteBlock) {
                    element.removeChild(tagCiteBlock);
                }

                content = this.elementToBbcode(element);
                if (i === 0) { //first is author
                    quoteAttrs = '=' + attr.replace(/(^\s+|\s+$)/g, '');  //[quote=author
                } else if (attr !== null) { // seconds attr could be empty
                    quoteAttrs += ' ' + attrArray[i] + '=' + attr.replace(/(^\s+|\s+$)/g, ''); //[quote=author attr=foo attr2=foo2
                }

                if (tagCiteBlock) {
                    element.insertBefore(tagCiteBlock, element.firstChild);
                }
            }
        }

        return '[quote' + quoteAttrs + ']' + content + '[/quote]';
    },
    html: function (token, attrs, content) {
        let attr = '';
        let cite = '';
        if (attrs.defaultattr) {
            let citeInside = sceditor.escapeEntities(attrs.defaultattr) + ' Wrote:';
            attr = ' data-author="' + sceditor.escapeEntities(attrs.defaultattr) + '"';
            if (attrs.post_id) {
                attr += ' data-post_id="' + sceditor.escapeEntities(attrs.post_id) + '"';
                if (attrs.user_id) {
                    attr += ' data-user_id="' + sceditor.escapeEntities(attrs.user_id) + '"';
                    if (attrs.date) {
                        citeInside = 'On ' + sceditor.escapeEntities(attrs.date) + ', ' + citeInside;
                        attr += ' data-date="' + sceditor.escapeEntities(attrs.date) + '"';
                    }
                }
            }
            cite = '<cite>' + citeInside + '</cite>'
        }

        return '<blockquote' + attr + '>' + cite + content + '</blockquote>';
    }
};

sceditor.formats.bbcode.set('quote', quote);

sceditor.create(...);

[samclarke]

Thanks for sharing!