Inline Style Plugin

Plugin options:

inlineStyles Object -

Set custom styles for the selected text. This option is an Object where the key is the name of the new style that appears in the dropdown and the value specifies the CSS properties for it. Default: { 'Big Red': 'font-size: 20px; color: red;', 'Small Blue': 'font-size: 14px; color: blue;' }

Plugin methods:

inlineStyle.apply (value) returns: Object

Apply the passed style to the current selected text or start typing the in the passed style if no text is selected. ● value: The value of the style to apply. Type: String

Add Plugin to your code:

Plugin name: inlineStyle

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

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

Plugin CSS link:

Example :

● Inline styles