- Article Editor

title

Type: String

Default: Article

This setting determines what name is displayed at the first item in the pathbar.

You can change this setting value, like this:

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

data-title

For each block, you can set the attribute data-title, which will show the custom name of this block in the path.

You can set the attribute in the source content, like this:

<p data-title="My Block">My text...</p>

Now when you click on this block will be shown My Block in the path.

sticky

Type: Boolean

Default: true

If the toolbar is off, you can control how the path behaves, for example, by turning off the sticky state for it when scrolling the page:

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

stickyTopOffset

Type: Number

Default: 0

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

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

stickyMinHeight

Type: Number

Default: 200

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

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

disable

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

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

Settings