Just TinyMCE Custom Styles

This plugin controls the TinyMce « style_formats » parameter. It allows adding custom formatters to the Wysiwyg editor.

This is only a user interface to the standard feature, which is disabled by default and explained in the official documentation on codex.wordpress.org: https://codex.wordpress.org/TinyMCE_Custom_Styles

Features

• Load Settings from DB or .json file from theme
• Enable/Disable some style_format features for more clean formatting
• Nice interface to quickly add your formats
• Ability to apply custom editor css for each rule separately
• You can group your styles for more clear usage
• Bootstrap preset: pre-defined bootstrap styles for editor.

Example: Custom link class

For example, you can define an addition dropdown option of the css classes for the link tag. To do so, create such row formatter:.

• Title: My Link Style
• Selector: a
• Classes: my-link-style
• Editor CSS: a.my-link-style { color:red; }

Plugin Demo

Presets

We added special feature called « Presets » – these are pre-defined styles included inside the plugin. You can import them to your site with a single click.

With presets we plan to add popular CSS framework classes to be able to use them inside the editor. We started with a Bootstrap preset, because it’s one of the most popular CSS framework right now.

ISSUES TRACKER

If you have any feedbacks or bugs found, please write to our GitHub issues tracker: https://github.com/justcoded/just-tinymce-custom-styles/issues