by Tim Reeves
3.9 (15 reviews)
TinyMCE Custom Styles
Enhance TinyMCE visual editor with a dedicated stylesheet, a stylesheet shared with the frontend, and custom styles in the Formats dropdown.
Tested up to WP 6.5 (Current: 6.9)
vtrunk
Current Version vtrunk
Updated 1 year ago
Last Update on 29 Jun, 2024
Synced 11 hours ago
Last Synced on
Rank
#2,568
-1 this week
Active Installs
8K+
-7%
KW Avg Position
37
—
No change
Downloads
119.8K
+21 today
Support Resolved
0%
—
No change
Rating
78%
Review 3.9 out of 5
3.9
(15 reviews)
Next Milestone 9K
8K+
9K+
89
Ranks to Climb
-
Growth Needed
8,000,000
Active Installs
Pro
Unlock Exact Install Count
See the precise estimated active installs for this plugin, calculated from real-time ranking data.
- Exact install estimates within tiers
- Track install growth over time
- Milestone progress predictions
Need 512 more installs to reach 9K+
Rank Changes
Current
#2,568
Change
Best
#
Downloads Growth
Downloads
Growth
Peak
Upgrade to Pro
Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.
Upgrade NowReviews & Ratings
3.9
15 reviews
Overall
78%
5
11
(73%)
4
0
(0%)
3
0
(0%)
2
0
(0%)
1
4
(27%)
Tracked Keywords
Showing 1 of 1| Keyword | Position | Change | Type | Updated |
|---|---|---|---|---|
| tinyMCE | 37 | — | Tag | 12 hours ago |
Unlock Keyword Analytics
Track keyword rankings, search positions, and discover new ranking opportunities with a Pro subscription.
- Full keyword position tracking
- Historical ranking data
- Competitor keyword analysis
Track This Plugin
Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.
Start Tracking FreePlugin Details
- Version
- trunk
- Last Updated
- Jun 29, 2024
- Requires WP
- 5.0+
- Tested Up To
- 6.5
- PHP Version
- 5.6 or higher
- Author
- Tim Reeves
Support & Rating
- Rating
- ★ ★ ★ ★ ☆ 3.9
- Reviews
- 15
- Support Threads
- 0
- Resolved
- 0%
Keywords
Upgrade to Pro
Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.
Upgrade NowSimilar Plugins
WP Adminify – White Label WordPress, Admin Menu Editor, Login Customizer
7K+ installs
#2,736
Master Addons For Elementor - White Label, Free Widgets, Hover Effects, Conditions, & Animations
40K+ installs
#929
Gutenberg Essential Blocks – Page Builder for Gutenberg Blocks & Patterns
200K+ installs
#272
A
Adminimize
200K+ installs
#274
The Plus Addons for Elementor - Addons for Elementor, Page Templates, Widgets, Mega Menu, WooCommerce
100K+ installs
#327
Frequently Asked Questions
Common questions about TinyMCE Custom Styles
The Plugin was probably not able to create the files, due to problems with your server filesystem settings. Please create these files in the selected directory manually, and make sure the directory read/write access is set to 777.
You should empty the cache of your Web Browser, this is often the reason for the styles being applied with some delay. Check this with simple styles like body { background-color:black; } to see if it basically works. Maybe there are some functions inside of your Theme / other Plugin, which overwrite the settings of this Plugin. Please check this out as it seems to work in most cases.
Make sure that your Theme calls the function wp_head(); inside the header of your template.
You have to be careful when creating custom styles if you are doing it for the first time. If you make a row with an HTML blockquote element and you choose "Inline" from the radio buttons, this style will NOT work, as blockquote is not an HTML inline element. Try something easy like: - Name: My red text - Type: inline - Type value: span - CSS style: color / #f00 Check if this style works. If so, proceed to other styles. They will only work if you use correct semantics.
In general, no, because the shortcode is only expanded to HTML in the frontend - in the backend (editor) the shortcode is normally displayed as a shortcode, to allow it to be seen and edited (e.g. change shortcode parameters, position on the page etc.). Styles in editor-style-shared.css which match the HTML generated by the shortcode will of course work - in the frontend. There is no point putting such styles in editor-style-shared.css, so if you prefer, put them in the themes custom CSS (if provided, but not WordPress customizer, as that inserts the CSS inline on every page).
An image for example, when inserted via the media library, will show as the [caption] shortcode in the "Text" tab of the editor. To allow the page to be viewed visually, an exception is made and on the visual tab the image and caption are displayed, as TinyMCE itself replaces the shortcode with HTML. The HTML generated by TinyMCE (div dl dt a img br dd) is very different to that generated by WordPress at the frontend (div a img p). So in general, I recommend to use the text tab to fix image styles / encapsulation - my experience is that it's a real hit and miss affair with styles in the 'Formats' dropdown (more miss than hit).