Settings

Toolbar

toolbarFixedTopOffset#

This setting allows to set how far from the top of the page the fixed toolbar will be placed. By default, toolbarFixedTopOffset is set to 0.

$('#redactor').redactor({
    toolbarFixedTopOffset: 100 // pixels
});

toolbar#

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

$('#redactor').redactor({
    toolbar: false
});

toolbarExternal#

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:

$('#redactor').redactor({
    toolbarExternal: '#your-toolbar-layer-id'
});

toolbarFixed#

This setting affixes external 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.

$('#redactor').redactor({
    toolbarFixed: true
});

toolbarFixedTarget#

This setting allows to set a specific element on a page in relation to which fixed toolbar will be displayed. By default, toolbarFixedTarget is set to 'document'

$('#redactor').redactor({
    toolbarFixed: true,
    toolbarFixedTarget: '#my-parent-layer'
});

toolbarOverflow#

When set to 'true', this setting will place all toolbar buttons on mobile devices in a single line regardless of how many buttons are there. If there's more buttons then can fit on a screen, horizontal scroll will appear.