Outset

Type: Object

Default: object

The outset setting helps expand blocks by the size of the content layout.

By default, the outset setting applies only to image blocks and consists of the following button object:

{
    none: 'none',
    left: 'outset-left',
    both: 'outset-both',
    right: 'outset-right'
}

When you click on the outset button, the class specified in the button parameters is added to the block. In your CSS of content it should be written this way:

.outset-both {
    width: calc(100% + 56px);
    max-width: calc(100% + 56px);
    transform: translateX(-50%);
    position: relative;
    left: 50%;
}

Where 56px is the sum of the left and right paddings of the content layout.

You can change the alignment class names to those used in your content:

.my-class-both {
    ... your css ...
}

Now set new classes to the setting:

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    outset: {
        both: 'my-class-both',
        right: 'my-class-right',
        left: 'my-class-left'
    }
}); 

You can change the outset object and turn off some features, like this:

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    outset: {
        none: 'none',
        both: 'outset-both',
        left: false,
        right: false
    }
});

You can completely disable outset, just set false.

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    outset: false
});