Hey, there! Look at our new WYSIWYG editor.
Documentation

Toolbar

air #

Type: Boolean

Default: false

Use this setting to turn on Air toolbar. This toolbar only shows up when a user selects some text with a mouse in Redactor. This is an ultimate distraction-free inline editing mode. Try combining it with Click-to-Edit for even smoother experience.

Whenever Air toolbar is active, standard toolbar will be deactivated and hidden. Standard and Air toolbars cannot be used simultaneously.

$R('#content', {
    air: true
});

toolbar #

Type: Boolean

Default: true

This setting allows to turn off the toolbar. Keep in mind, that keyboard shortcuts will still function.

$R('#content', {
    toolbar: false
});

toolbarFixed #

Type: Boolean

Default: true

This setting affixes toolbar to a specific position on a page. When the is being scrolled down, fixed toolbar will remain in place and preserve its initial width.

Turn off the toolbar fixing:

$R('#content', {
        toolbarFixed: false
});

toolbarFixedTarget #

Type: Node String

Default: document

This setting allows to set a specific element on a page in relation to which fixed toolbar will be displayed.

$R('#content', {
        toolbarFixedTarget: '#my-parent-layer'
});

toolbarFixedTopOffset #

Type: Number

Default: 0

This setting allows to set how far from the top of the page the fixed toolbar will be placed.

$R('#content', {
        toolbarFixedTopOffset: 100 // pixels
});

toolbarExternal #

Type: Boolean String

Default: false

This setting allows you to display Redactor toolbar separately from the text area. The external toolbar can be placed inside of any element on the page:

$R('#content', {
        toolbarExternal: '#your-toolbar-layer-id'
});

toolbarContext #

Type: Boolean

Default: true

This setting allows you to turn off the context toolbar which shows when a user clicks on some interactive elements such as links, images, widgets, etc.

$R('#content', {
        toolbarContext: false
});