Skip to content

Instantly share code, notes, and snippets.

@Tabrisrp
Created April 14, 2015 14:32
Show Gist options
  • Star 16 You must be signed in to star a gist
  • Fork 7 You must be signed in to fork a gist
  • Save Tabrisrp/13348dbcd2bbb0d9406f to your computer and use it in GitHub Desktop.
Save Tabrisrp/13348dbcd2bbb0d9406f to your computer and use it in GitHub Desktop.
WordPress customizer custom tinymce control
class Text_Editor_Custom_Control extends WP_Customize_Control
{
public $type = 'textarea';
/**
** Render the content on the theme customizer page
*/
public function render_content() { ?>
<label>
<span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
<?php
$settings = array(
'media_buttons' => false,
'quicktags' => false
);
$this->filter_editor_setting_link();
wp_editor($this->value(), $this->id, $settings );
?>
</label>
<?php
do_action('admin_footer');
do_action('admin_print_footer_scripts');
}
private function filter_editor_setting_link() {
add_filter( 'the_editor', function( $output ) { return preg_replace( '/<textarea/', '<textarea ' . $this->get_link(), $output, 1 ); } );
}
}
function editor_customizer_script() {
wp_enqueue_script( 'wp-editor-customizer', get_template_directory_uri() . '/js/customizer-panel.js', array( 'jquery' ), rand(), true );
}
add_action( 'customize_controls_enqueue_scripts', 'editor_customizer_script' );
@figuitiko
Copy link

it doesn't save ..

@felipeelia
Copy link

felipeelia commented Jun 14, 2017

For those who reached this like me, and are as asking where is customizer-panel.js, here it is:
https://gist.github.com/Tabrisrp/d81457723533c5ebcbce
To use it: https://gist.github.com/Tabrisrp/d81457723533c5ebcbce

@ParsonsProjects
Copy link

@Fleuv
Copy link

Fleuv commented Jun 7, 2018

This is a terrible way of fixing this issue, every time you use this class you will load +/- 300 scripts and other totally unrelated stuff. This will drastically decrease the performance of your website. A more correct way of fixing this problem is to enqueue the missing scripts via the customize_controls_enqueue_scripts, customize_controls_print_scripts or customize_controls_print_footer_scripts hook.

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