A
by delwinv 0 (0 reviews)

ACF WYSIWYG Styling

Provides the necessary CSS classes in ACF WYSYWIG editor to allow for complete styling of the admin interface.

Tested up to WP 4.3.34 (Current: 7.0.2)
v1.0 Current Version v1.0
Updated 10 years ago Last Update on 27 Aug, 2015
Refreshed 11 hours ago Last Refreshed on
View on WordPress.org
Rank
#17,977
No change
Active Installs
80+
No change
KW Avg Position
N/A
No change
Downloads
3.3K
+4 today
Support Resolved
0%
No change
Rating
0%
Review 0 out of 5
0 (0 reviews)

Next Milestone 90

Total Progress 10%
80+ 90+
1,980
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
Upgrade to Pro
Need 9 more installs to reach 90+

Rank Changes

17,857 17,896 17,935 17,973 18,012 12-07-2026 13-07-2026 14-07-2026 15-07-2026 16-07-2026 17-07-2026 18-07-2026 19-07-2026
17,813 17,864 17,916 17,967 18,018 04-07-2026 05-07-2026 06-07-2026 07-07-2026 08-07-2026 09-07-2026 10-07-2026 11-07-2026 12-07-2026 13-07-2026 14-07-2026 15-07-2026 16-07-2026 17-07-2026 18-07-2026 19-07-2026
17,813 17,864 17,916 17,967 18,018 19-06-2026 20-06-2026 21-06-2026 22-06-2026 23-06-2026 24-06-2026 25-06-2026 26-06-2026 27-06-2026 28-06-2026 29-06-2026 30-06-2026 01-07-2026 02-07-2026 03-07-2026 04-07-2026 05-07-2026 06-07-2026 07-07-2026 08-07-2026 09-07-2026 10-07-2026 11-07-2026 12-07-2026 13-07-2026 14-07-2026 15-07-2026 16-07-2026 17-07-2026 18-07-2026 19-07-2026
17,618 17,744 17,870 17,995 18,121 20-04-2026 21-04-2026 22-04-2026 23-04-2026 24-04-2026 25-04-2026 26-04-2026 27-04-2026 28-04-2026 29-04-2026 30-04-2026 01-05-2026 02-05-2026 03-05-2026 04-05-2026 05-05-2026 06-05-2026 07-05-2026 08-05-2026 09-05-2026 10-05-2026 11-05-2026 12-05-2026 13-05-2026 14-05-2026 15-05-2026 16-05-2026 17-05-2026 18-05-2026 19-05-2026 20-05-2026 21-05-2026 22-05-2026 23-05-2026 24-05-2026 25-05-2026 26-05-2026 27-05-2026 28-05-2026 29-05-2026 30-05-2026 31-05-2026 01-06-2026 02-06-2026 03-06-2026 04-06-2026 05-06-2026 06-06-2026 07-06-2026 08-06-2026 09-06-2026 10-06-2026 11-06-2026 12-06-2026 13-06-2026 14-06-2026 15-06-2026 16-06-2026 17-06-2026 18-06-2026 19-06-2026 20-06-2026 21-06-2026 22-06-2026 23-06-2026 24-06-2026 25-06-2026 26-06-2026 27-06-2026 28-06-2026 29-06-2026 30-06-2026 01-07-2026 02-07-2026 03-07-2026 04-07-2026 05-07-2026 06-07-2026 07-07-2026 08-07-2026 09-07-2026 10-07-2026 11-07-2026 12-07-2026 13-07-2026 14-07-2026 15-07-2026 16-07-2026 17-07-2026 18-07-2026 19-07-2026
Current #17,977
Change
Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Active Installs 0,000,000+
Growth +0.0%
Peak 0,000,000

Downloads Growth

0 10 12-07-2026 13-07-2026 14-07-2026 15-07-2026 16-07-2026 17-07-2026 18-07-2026 19-07-2026
0 10 04-07-2026 05-07-2026 06-07-2026 07-07-2026 08-07-2026 09-07-2026 10-07-2026 11-07-2026 12-07-2026 13-07-2026 14-07-2026 15-07-2026 16-07-2026 17-07-2026 18-07-2026 19-07-2026
0 10 19-06-2026 20-06-2026 21-06-2026 22-06-2026 23-06-2026 24-06-2026 25-06-2026 26-06-2026 27-06-2026 28-06-2026 29-06-2026 30-06-2026 01-07-2026 02-07-2026 03-07-2026 04-07-2026 05-07-2026 06-07-2026 07-07-2026 08-07-2026 09-07-2026 10-07-2026 11-07-2026 12-07-2026 13-07-2026 14-07-2026 15-07-2026 16-07-2026 17-07-2026 18-07-2026 19-07-2026
0 10 20-04-2026 23-04-2026 26-04-2026 29-04-2026 02-05-2026 05-05-2026 08-05-2026 11-05-2026 14-05-2026 17-05-2026 20-05-2026 23-05-2026 26-05-2026 29-05-2026 01-06-2026 04-06-2026 07-06-2026 10-06-2026 13-06-2026 16-06-2026 19-06-2026 22-06-2026 25-06-2026 28-06-2026 01-07-2026 04-07-2026 07-07-2026 10-07-2026 13-07-2026 16-07-2026 19-07-2026
0 10 19-07-2025 31-07-2025 12-08-2025 24-08-2025 05-09-2025 17-09-2025 29-09-2025 11-10-2025 23-10-2025 04-11-2025 16-11-2025 28-11-2025 10-12-2025 22-12-2025 03-01-2026 15-01-2026 27-01-2026 08-02-2026 20-02-2026 04-03-2026 16-03-2026 28-03-2026 09-04-2026 21-04-2026 03-05-2026 15-05-2026 27-05-2026 08-06-2026 20-06-2026 02-07-2026 14-07-2026 19-07-2026
Downloads
Growth
Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

0.0
0 reviews
Overall 0%
5
0 (0%)
4
0 (0%)
3
0 (0%)
2
0 (0%)
1
0 (0%)

Tracked Keywords

Showing 0 of 0
Keyword Position Change Type Updated
No keyword data available yet.

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
Upgrade to Pro

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version
1.0
Last Updated
Aug 27, 2015
Requires WP
3.5.0+
Tested Up To
4.3.34
PHP Version
N/A
Author
delwinv

Support & Rating

Rating
☆ ☆ ☆ ☆ ☆ 0
Reviews
0
Support Threads
0
Resolved
0%

Keywords

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Frequently Asked Questions

Common questions about ACF WYSIWYG Styling

Not at all. For the time being ACF doesn't add these classes to the editor, but you can do it either by installing this plugin or by placing the following code in your functions.php file: function acf_plugin_wysiwyg_styling() { ?> <script> (function($) { acf.add_filter('wysiwyg_tinymce_settings', function(mceInit, id) { var mceInitElements = $('#' + mceInit.elements); var acfEditorField = mceInitElements.closest('.acf-field[data-type="wysiwyg"]'); var fieldKey = acfEditorField.data('key'); var fieldName = acfEditorField.data('name'); var flexContentName = mceInitElements.parents('[data-type="flexible_content"]').first().data('name'); var layoutName = mceInitElements.parents('[data-layout]').first().data('layout'); mceInit.body_class += " acf-field-key-" + fieldKey; mceInit.body_class += " acf-field-name-" + fieldName; if (flexContentName) { mceInit.body_class += " acf-flex-name-" + flexContentName; } if (layoutName) { mceInit.body_class += " acf-layout-" + layoutName; } return mceInit; }); })(jQuery); </script> <?php } add_action('acf/input/admin_footer', 'acf_plugin_wysiwyg_styling');
Not with this plugin. The prefixes are hard-coded to acf-field-key-, acf-field-name-, acf-flex-name- and acf-layout-. If you wish to change these prefixes, I would suggest not using this plugin and using the code shown above in your functions.php, changing the desired prefixes in the code.
I doubt it. Hopefully the developers of ACF provide this functionality in an upcoming version themselves, since it is quite simple and really should be part of the core function. At that time, this plugin will become redundant. I look forward to that date :-)
Again, this is a plugin to provide very basic functionality that allows for complete targetting of WYSIWYG editors within the ACF framework. I don't plan on adding any functionality to the plugin. But the code is released under GPLv2, so go at it yourself if you so desire!

Sign In / Register

You need to sign in or register to use this feature.