文章/答案/技术大牛

发布

社区首页 >问答首页 >jQuery克隆表单字段组向textarea添加wp_editor()函数

问jQuery克隆表单字段组向textarea添加wp_editor()函数
EN

Stack Overflow用户

提问于 2017-06-01 08:56:54

回答 1查看 947关注 0票数 1

在CPT中，我使用的是wp_editor()。第一个是通过php函数加载。但是，当我通过jQuery克隆表单字段时，它不会添加wp_editor，而是添加简单的textarea。

因此，这里我找到了一个脚本，它通过javascript加载wp_editor。但是，当我试图克隆/追加表单字段时，它并不加载wp_editor，而是加载简单的textarea。

我相信DOM不会加载wp_editor() js函数。那么，有人能告诉我如何为克隆字段加载wp_editor吗？

jQuery

// Just to cross check. This is loading wp_editor on page load
jQuery('.cn-wp-editor').wp_editor();

// wp_localization
var title = cn_fields.title;
var teditor = cn_fields.editor;

// adding incremental id
var i = 1;

// clone fields
$('#add_item').on('click', function () {
    i++;
    $('#fieldgroup').append('<div class="formgroup"><div class="card-meta-box"><label for="card_title" class="card-field-label">Item Title</label><input type="text" name="' + title + '[]" id="' + title + i +'"></div><div class="card-meta-box"><textarea name="' + teditor + '[]" id="' + teditor + i +'" class="cn-wp-editor"></textarea></div><button class="remove">x</button></div><!-- formgroup -->');
    return false; //prevent form submission
});

// remove fields
$('#fieldgroup').on('click', '.remove', function () {
    $(this).parent().remove();
    return false; //prevent form submission
    i--;
});

javascript

php

jquery

wordpress

wp-editor

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-06-01 10:27:41

无论何时复制/复制字段，都需要重新初始化wp_editor()。您的代码不在页面加载的DOM中作为复制/创建的字段工作，因此wp_editor()没有附加到这些新字段。

检查此代码：

$('#add_item').on('click', function () {
    i++;
    $('#fieldgroup').append('<div class="formgroup"><div class="card-meta-box"><label for="card_title" class="card-field-label">Item Title</label><input type="text" name="' + title + '[]" id="' + title + i + '"></div><div class="card-meta-box"><textarea name="' + teditor + '[]" id="' + teditor + i + '" class="cn-wp-editor"></textarea></div><button class="remove">x</button></div><!-- formgroup -->');
    $('#' + title + i).wp_editor(); //<------ add this line
    return false; //prevent form submission
});

希望这能有所帮助！

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44302897

复制

相似问题

问jQuery克隆表单字段组向textarea添加wp_editor()函数
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery克隆表单字段组向textarea添加wp_editor()函数EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery克隆表单字段组向textarea添加wp_editor()函数
EN