Quick Insert Plugin

Plugin options:

quickInsertButtons Array -	The buttons to display in quick insert. Default: ['image', 'video', 'embedly', 'table', 'ul', 'ol', 'hr']
quickInsertEnabled Boolean -	To enable quick insert functionality. Default: true
quickInsertTags Array -	The list of tags for which the quick insert button will appear when empty. Default: ['p', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'pre', 'blockquote']

Plugin events:

quickInsert.commands.after (cmd))	This event is a generic event that is triggered after every command inside the Quick Insert tool is executed. ● cmd The command name.
quickInsert.commands.before (cmd))	This event is a generic event that is triggered before every command inside the Quick Insert tool is executed. Note: Returning false in the handler assigned to the event will cancel the current action. ● cmd The command name.

Add Plugin to your code:

Plugin name: quickInsert

Plugin JS Script: ../js/plugins/quick_insert.min.js

Or from CDN https://cdn.jsdelivr.net/npm/froala-editor@latest/js/plugins/quick_insert.min.js

Plugin CSS link: ../css/plugins/quick_insert.min.css

Plugin CSS link https://cdn.jsdelivr.net/npm/froala-editor@latest/css/plugins/quick_insert.min.css

Example :

● Quick Insert Menu
● Custom Quick Insert Button