使用AJAX的自定义POST类型中的多个wp_EDITOR实例

时间:2014-10-27 作者:numediaweb

在自定义元框中,每次单击按钮时,我都需要生成一个微小的wysiwyg wp\\U编辑器。。我为此做了很多努力,但没能实现。

The js

$.ajax({
    url: ajaxurl,
    data: formData,
    dataType: \'html\',
    cache: false,
    contentType: false,
    processData: false,
    type: \'POST\',
    error: function(jqXHR, textStatus, errorThrown) {
        console.log(\'FATAL ERROR: \' + JSON.stringify(jqXHR) + \' \' + textStatus + \' \' + errorThrown);
    },
    success: function(data, textStatus, jqXHR) {
        clone.find(\'.content\').append(data);

        // Insert new section at the bottom
        $(clone).appendTo($(\'#nwac_accordion_plus_signs_container\'));
    }
});

The php

// WP Editor
$content = \'Plus sign content here\';
$editor_id = \'nwac_plus_signs_\' . $_POST[\'plus_sign_id\'] . \'_template\';
$settings = array(
    \'media_buttons\' => false,
    \'teeny\' => true,
    \'editor_class\' => \'plus_sign_editor\',
    \'textarea_rows\' => 5
);

// Return editor
wp_editor($content, $editor_id, $settings);

\\_WP_Editors::enqueue_scripts();
print_footer_scripts();
\\_WP_Editors::editor_js();      

die();
使用上面的代码,我把编辑器弄得一团糟!

1 个回复
SO网友:numediaweb

忘记在这种情况下使用wp\\U编辑器。。相反,使用核心tinymce,类似于;

tinymce.init({
            //selector: \'customEditor-\' + nextPlusSignId,
            editor_selector: \'nwac_editor_\' + nextPlusSignId,
            mode: "specific_textareas",
            media_buttons: false,
            menubar: false,
            content_css: nw.baseurl + \'/skins/wordpress/wp-content.css\',
            body_class: \'mce-content-body nwac_plus_signs_\' + nextPlusSignId + \'_template post-type-products post-status-publish mceContentBody webkit wp-editor wp-autoresize html4-captions has-focus\',

        });

结束

相关推荐

Ajax wp_Query条件标记不起作用

我在尝试ajaxwp_query, 我用以下代码成功地获得了主页帖子。然后我补充道conditional tags 修改其他页面的查询,如Category page 问题是conditional tags 没有在这个功能内工作,它一直给我相同的主页帖子。我在中使用此代码function.php 文件:add_action( \'wp_ajax_wp_ajax_posts\', \'wp_ajax_posts_init\' ); function wp_ajax_posts_init() {