Inline Class Plugin

Plugin options:

inlineClasses Object -

Set custom classes for the selected text. This option is an Object where the key is the name of the new class that appears in the dropdown and the value specifies the class name for it. Default: { 'fr-class-code': 'Code', 'fr-class-highlighted': 'Highlighted', 'fr-class-transparency': 'Transparent' }

Plugin methods:

inlineClass.apply (value) returns: Object

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

Add Plugin to your code:

Plugin name: inlineClass

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

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

Plugin CSS link:

Example :

● Inline classes