Wrapping the blocks

[akademy]

Hi, this is a nice piece of work, so thanks!

I'm wondering if I can edit the "base" block that all other blocks use.

At the moment I'm thinking I could wrap each Block individually, something like this (it's just sub classing the Header Block):

class HeaderWrapperTest extends Header {
    static get toolbox() {
        return {
            title: 'HeaderWrappedTest',
        };
    }
    render() {
        const div = document.createElement('div');
        div.style = "border:2px solid black;"
        div.appendChild(super.render())
        return div
    }
}

What do you think? Is this a good idea? I believe I could also overwrite the save function in a similar way, to add additional information while preserving the base block's data.

(Basically, what I'm thinking of doing is creating a timeline. Each block would have a "created time" associated with it and displayed next to it.)

Thanks.

[neSpecc]

Hey, maybe you are looking for Block Tunes? https://editorjs.io/block-tunes-api/

[akademy]

Thank-you, that is exactly what I'm looking for.

Sad there isn't a tutorial for that one, but I've looked through the source in https://github.com/editor-js/text-variant-tune and it works REALLY well!

(PS It say's in the block-tunes-api the render is required, but it doesn't look like it is. I just needed the wrap part which appears to work without it)