Overview

Description

Editor Styles allows you to create custom formatting buttons for the editor that apply your own CSS-based styles to content.

Each style adds a toolbar button that wraps selected text in an HTML element (such as a <span> or <div>) using a CSS class you define. This makes it easy for users to apply consistent typography, highlights, captions, or branded formatting without touching HTML.

All styling is controlled by your theme. You simply define the CSS classes in your theme’s custom CSS, and Editor Styles handles the editor integration.

The result is a flexible, theme-aware styling system that brings back the simplicity of editor assistants while remaining fully compatible with Invision Community 5. You can add as many as you like, and as crazy as you want to go.

Live Demo: https://demo.invisionite.com/index.php?/topic/12-editor-styles-examples/ (Due to theme-awareness, you must select the default Invision theme)