New Froala Editor v5.0.0 is here – Learn More
Froala Documentation
- Froala Docs
- /
- Plugins
- /
- Help Plugin
Help Plugin
Plugins are fully functional during your trial once you've added your trial key to the setup.
Adds a button under the More Misc menu to show the shortcuts commands in the help modal.
Plugin options:
| helpSets Array - |
An object of items to show in the help modal.
Default: [ { title: 'Inline Editor', commands: [ { val: 'OSkeyE', desc: 'Show the editor' } ] }, { title: 'Common actions', commands: [ { val: 'OSkeyC', desc: 'Copy' }, { val: 'OSkeyX', desc: 'Cut' }, { val: 'OSkeyV', desc: 'Paste' }, { val: 'OSkeyZ', desc: 'Undo' }, { val: 'OSkeyShift+Z', desc: 'Redo' }, { val: 'OSkeyK', desc: 'Insert Link' }, { val: 'OSkeyP', desc: 'Insert Image' } ] }, { title: 'Basic Formatting', commands: [ { val: 'OSkeyA', desc: 'Select All' }, { val: 'OSkeyB', desc: 'Bold' }, { val: 'OSkeyI', desc: 'Italic' }, { val: 'OSkeyU', desc: 'Underline' }, { val: 'OSkeyS', desc: 'Strikethrough' }, { val: 'OSkey]', desc: 'Increase Indent' }, { val: 'OSkey[', desc: 'Decrease Indent' } ] }, { title: 'Quote', commands: [ { val: 'OSkey\'', desc: 'Increase quote level' }, { val: 'OSkeyShift+\'', desc: 'Decrease quote level' } ] }, { title: 'Image / Video', commands: [ { val: 'OSkey+', desc: 'Resize larger' }, { val: 'OSkey-', desc: 'Resize smaller' } ] }, { title: 'Table', commands: [ { val: 'Alt+Space', desc: 'Select table cell' }, { val: 'Shift+Left/Right arrow', desc: 'Extend selection one cell' }, { val: 'Shift+Up/Down arrow', desc: 'Extend selection one row' } ] }, { title: 'Navigation', commands: [ { val: 'OSkey/', desc: 'Shortcuts' }, { val: 'Alt+F10', desc: 'Focus popup / toolbar' }, { val: 'Esc', desc: 'Return focus to previous position' } ] } ] |
Add Plugin to your code:
Plugin name: help
Plugin JS Script: ../js/plugins/help.min.js
Or from CDN https://cdn.jsdelivr.net/npm/froala-editor@latest/js/plugins/help.min.js
Plugin CSS link: ../css/plugins/help.min.css
Plugin CSS link https://cdn.jsdelivr.net/npm/froala-editor@latest/css/plugins/help.min.css
