Plugin to add dropdown options for custom css classes and attributes for tags in WordPress TinyMCE Editor
| Author: | JustCoded / Alex Prokopenko (profile at wordpress.org) |
| WordPress version required: | 4.3 |
| WordPress version tested: | 5.5.14 |
| Plugin version: | 1.2.1 |
| Added to WordPress repository: | 20-07-2016 |
| Last updated: | 14-08-2020
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
|
| Rating, %: | 96 |
| Rated by: | 6 |
| Plugin URI: | |
| Total downloads: | 17 638 |
| Active installs: | 2 000+ |
 Click to start download |
|
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
Screenshots
ChangeLog
