Question

我有一个按钮#add_text和DIV #appreciation ... 如果我将TinyMCE编辑器的textarea直接放到html代码中就可以了

但是我想点击按钮动态添加Tinymce ......

如何使用 jQuery附加方法附加 Tinymce编辑器？

$("#add_text").click(function(){
 $("#appreciation").append("<textarea id='test' class='adtext'></textarea>");
});

上面的代码没有按预期工作......

如何实现TinyMCE适用于动态添加的textarea

Answer 1

在将textarea附加到div之后，您需要初始化TinyMCE以将功能添加到新的textarea：

Add tinymce to new textarea dynamically

http://blog.mirthlab.com/2008/11/13/dynamically-adding-and-removing-tinymce-instances-to-a-page/

Answer 2

    $("#temp_Name").click(function () {

        $("#temp_Description").empty();
        $("#temp_Context").empty();
         $.ajax({
            type: 'GET',
            url: '@Url.Action("insertcontext")', // we are calling json method
            contentType: "application/json; charset=utf-8",
            dataType: 'json',
             data: { contex: $("#hidden1").val() },

             success: function (edtx) {

                 $("#temp_Description").html("");
                 $("#temp_Context").html("");// clear before appending new list

                 $.each(edtx, function (i, city1) {
                     $("#temp_Description").val(city1.temp_Description);

                     var dataa = city1.temp_Context;

                     $("#temp_Context").data(city1.temp_Context);
                     tinymce.get("temp_Context").setContent(dataa);

                         //$('<option></option>').val(city1.temp_Description).html(city1.temp_Description));
                });
            },
            error: function (ex) {
                alert('Failed to retrieve states.' + ex);
            }
        });
        return false;
    })

如何通过jquery append方法应用tinymce编辑器

2 个答案: