Jodit Editor

Mobile mode

Displays a varying set of buttons in the editor based on different editor sizes.
The remaining buttons are concealed under the dots button.

Configuration

Jodit.make('#editor', {
  toolbarAdaptive: true, // Ennable/disable adaptive toolbar (default: true),
  buttons: [
    'bold',
    'italic',
    'underline',
    'superscript',
    'subscript',
    'strikethrough',
    'ul',
    'ol'
  ],
  buttonsMD: ['bold', 'italic', 'underline', 'dots'],
  buttonsSM: ['bold', 'italic', 'dots'],
  buttonsXS: ['bold', 'dots']
});

The plugin also emulates the tap event for mobile devices.
When you tap on the input field, the editor will insert the cursor into the desired location.

Jodit.make('#editor', {
  mobileTapTimeout: 500 // Timeout for emulate tap event (default: 300)
});

Disable plugin

Jodit.make('#editor', {
  toolbarAdaptive: false
});

or

Jodit.make('#editor', {
  disablePlugins: ['mobile']
});

mobile

mobile(editor): void

Rebuild toolbar in depends on editor's width

Parameters

Name Type
editor IJodit

Returns

void

Defined in

jodit/src/plugins/mobile/mobile.ts:23

In this article: