WPThumbs
Themes Plugins By purpose By industry Best-of lists Fix it guides
Free Plugin by Alex Prokopenko / JustCoded v1.2.1

Just TinyMCE Custom Styles

Adds dropdown options for custom css classes and attributes for tags in WordPress TinyMCE Editor.

Just TinyMCE Custom Styles

The facts

Rating
4.8★ from 6
Active installs
1k+
Price
Free
Last updated
14 Aug 2020
Added
Jul 2016
Requires WP
4.3
Tested up to
WP 5.5.20
Downloads
20,153

Our analysis

AI-assisted

Just TinyMCE Custom Styles is a WordPress plugin that allows you to manage custom styles in the TinyMCE WYSIWYG editor. It provides a user interface to the 'style_formats' parameter, enabling you to add custom formatters and apply specific CSS styles to elements within the editor.

The plugin includes features such as loading settings from a database or JSON file, the ability to enable or disable certain style format features, and a Bootstrap preset for quick access to popular styles. This plugin is suitable for developers or site owners looking to enhance their content editing experience with custom styling options.

Best for: This plugin is best for developers or WordPress users who need to manage custom styles in the TinyMCE editor.

What it does well

  • Controls TinyMCE 'style_formats' parameter
  • Allows adding custom formatters to the WYSIWYG editor
  • Includes Bootstrap preset for predefined styles
  • Enables custom editor CSS for each rule
  • Offers a user-friendly interface for style management

Where it falls short

  • Limited information on specific features and usage
  • No detailed support or documentation provided

Verdict

Just TinyMCE Custom Styles is a straightforward tool for adding custom formatting options in the WordPress editor, though it may lack extensive documentation for new users.

From the developer

Alex Prokopenko / JustCoded's own description of Just TinyMCE Custom Styles, lightly tidied.

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

Read the full description on the official page →

Tagged as

Alternatives

Other plugins for developer tooling.

WPCode

WPCode

93

Easily add code snippets in WordPress. Insert header & footer scripts, add PHP code snippets with conditio...

Free 3M+ installs 4.9★ (1,873)
Header Footer Code Manager

Easily add tracking code snippets, conversion pixels, or other scripts required by third party services for an...

Free 600k+ installs 4.9★ (309)
Admin and Site Enhancements

Duplicate post, post order, image resize, email via SMTP, admin menu editor, custom css / code, disable gutenb...

Free 200k+ installs 5★ (421)
Shortcoder

Create custom "Shortcodes" easily for HTML, JavaScript, CSS code snippets and use the shortcodes wit...

Free 100k+ installs 4.9★ (227)
Insert PHP Code Snippet

Add PHP code to your pages and posts easily using shortcodes.

Free 90k+ installs 4.9★ (705)
Code Snippets

An easy, clean, and simple way to enhance your site with code snippets.

Free 1M+ installs 4.7★ (509)