Skip to content

    Inline Class Plugin

    Define custom classes for selected text.


    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
    File: 15708