- Getting Started
- Browser Support
- Languages Support
- Shortcuts
- Activation
- Examples
- Customize the Editor
- Use-cases
- Plugins
- APIs
- Development Frameworks
- Server Integrations
- Server SDKs
- Migration Guides
- Changelog
- Tutorials
Inline Style Plugin
Define custom styles for selected text.
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: