Toolbar

sticky #

Type: Boolean

Default: true

By default, when scrolling the page, the toolbar becomes sticky at the top of the browser window. This can be disabled like this:

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

stickyTopOffset #

Type: Number

Default: 0

If you already have a sticky navigation on the page or another layer bound to the scroll, then you can change the position of the editor toolbar using this setting. The setting value is specified in pixels.

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    toolbar: {
        stickyTopOffset: 40
    }
});

stickyMinHeight #

Type: Number

Default: 200

This setting allows you to specify the minimum height of the editor at which the sticky toolbar is activated.

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    toolbar: {
        stickyMinHeight: 300 // pixels
    }
});

hide #

Type: Array

Default: false

This setting helps to hide the specified buttons on the toolbar.

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    toolbar: {
        hide: ['italic', 'deleted']
    }
});

disable #

You can turn off the toolbar completely, just set false.

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