Statusbar

statusbar.sticky#

Type: boolean

Default: true

When true, pins the statusbar to the bottom of the viewport while scrolling, until the editor bottom is visible or the gap rule applies.

Automatically set to false when statusbar.target is used (external container).

const app = Redactor('#entry', {
  statusbar: {
    sticky: false
  }
});

statusbar.stickyGap#

Type: number

Default: 80

Minimum distance in pixels between the top of the editor and the fixed statusbar. Prevents the statusbar from overlapping the editor when the page is scrolled partway through a short document.

const app = Redactor('#entry', {
  statusbar: {
    stickyGap: 120
  }
});

statusbar.target#

Type: false | string

Default: false

CSS selector for an external element that receives the statusbar container. When set, the statusbar is appended there and statusbar.sticky is turned off.

const app = Redactor('#entry', {
  statusbar: {
    target: '#editor-footer'
  }
});