这是我在提交表单之前添加到javascript中的代码。

// Find and loop through all TinyMCE editors.
jQuery(\'#the-form\').find( \'.wp-editor-area\' ).each(function() {
    var id = jQuery( this ).attr( \'id\' ),
        sel = \'#wp-\' + id + \'-wrap\',
        container = jQuery( sel ),
        editor = tinyMCE.get( id );

    // If the editor is in "visual" mode then we need to do something.
    if ( editor && container.hasClass( \'tmce-active\' ) ) {
        // Saves the contents from a editor out to the textarea:
        editor.save();
    }
});

这对我很有用：

if (jQuery("#wp-description-wrap").hasClass("tmce-active")){
    description1 = tinyMCE.activeEditor.getContent( { format : \'html\' } );
}else{
    description1 = jQuery(\'[name="description"]\').val();

我需要更多的代码才能让它工作，而且还遇到了一个javascript错误：Deprecated TinyMCE API call: <target>.onKeyUp.add(..) 这是由wordpress从3升级引起的。x到4。所以我不得不clear my browser cache 第一

首先，我向wp过滤器添加了一个回调tiny_mce_before_init 在我的功能中。php文件，这允许我添加一个js回调函数，以便在初始化编辑器时启动：

add_filter( \'tiny_mce_before_init\', array( $obj, \'filter_cb_mce_before_init\' ) );

/**
 * Filter cb to add event listeners to tinymce editor.
 * @param  array $init An array of setup js functions as strings.
 * @return array       Returns new array of js function strings.
 */
function filter_cb_mce_before_init( array $init ) {
        $init[\'setup\'] = "function(ed){
                if(get_tinymce_content)  //not required, I use it as flag to check if on correct page
                    ed.on(\'change\', function(){ get_tinymce_content() });
            }";
        return $init;
    }

  /**
   * Get the content of the tinyMCE editor.
   * @link http://wordpress.stackexchange.com/questions/42652/how-to-get-the-input-of-a-tinymce-editor-when-using-on-the-front-end
   * @return {string} Returns the content
   */
  function get_tinymce_content(){

    //change to name of editor set in wp_editor()
    var editorID = \'my_editor_id\';

    if (jQuery(\'#wp-\'+editorID+\'-wrap\').hasClass("tmce-active"))
        var content = tinyMCE.get(editorID).getContent({format : \'raw\'});
    else
        var content = jQuery(\'#\'+editorID).val();

    console.log(content);
}

<?php wp_editor( @$event->description, \'my_editor_id\', array(
    \'media_buttons\' => false,
    \'textarea_name\' => \'data[description]\',
    \'quicktags\'     => array("buttons"=>"link,img,close"),
) ); ?>

您可以根据编辑器的当前模式获取内容。

function get_tinymce_content()
    {
    if (jQuery(".switch-tmce").css(\'background-color\')==\'rgb(245, 245, 245)\')
        return tinyMCE.activeEditor.getContent();
    else
        return jQuery(\'#html_text_area_id\').val();
    }

这是一个基于Bainternet\'sanswer. 可能还有其他更好的方法，但这一种对我来说很有效。

您还可以使用addeditor 事件：

  /// Fires when an editor is added to the EditorManager collection.
  tinymce.on(\'addeditor\', function( event ) {
    var editor = event.editor;
    var $textarea = $(\'#\' + editor.id);
    console.log($textarea.val());
  }, true );

TinyMCE \'addeditor\' event documentation