Skip to content

Instantly share code, notes, and snippets.

@courtneymyers
Created February 28, 2018 18:36
Show Gist options
  • Save courtneymyers/eb51f918181746181871f7ae516b428b to your computer and use it in GitHub Desktop.
Save courtneymyers/eb51f918181746181871f7ae516b428b to your computer and use it in GitHub Desktop.
Reduces initial height of Advanced Custom Fields WYSIWYG fields to 100px, and enables autoresizing of WYSIWYG field, as text is entered. Best practice would be to include this function in a site-specific plugin.
<?php
/*
* -----------------------------------------------------------------------------
* Advanced Custom Fields Modifications
* -----------------------------------------------------------------------------
*/
function PREFIX_apply_acf_modifications() {
?>
<style>
.acf-editor-wrap iframe {
min-height: 0;
}
</style>
<script>
(function($) {
// (filter called before the tinyMCE instance is created)
acf.add_filter('wysiwyg_tinymce_settings', function(mceInit, id, $field) {
// enable autoresizing of the WYSIWYG editor
mceInit.wp_autoresize_on = true;
return mceInit;
});
// (action called when a WYSIWYG tinymce element has been initialized)
acf.add_action('wysiwyg_tinymce_init', function(ed, id, mceInit, $field) {
// reduce tinymce's min-height settings
ed.settings.autoresize_min_height = 100;
// reduce iframe's 'height' style to match tinymce settings
$('.acf-editor-wrap iframe').css('height', '100px');
});
})(jQuery)
</script>
<?php
}
/*
* -----------------------------------------------------------------------------
* WordPress hooks
* -----------------------------------------------------------------------------
*/
add_action('acf/input/admin_footer', 'PREFIX_apply_acf_modifications');
@daarmstrong
Copy link

I know this post is old, so I'm not sure if anyone would respond.
I added the last script from E-Vance, but when I create multiple fields from an ACF repeater field, the previous field shrinks and doesn't expand when clicked.
Is there a way to fix this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment