Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
C# 向文本框动态添加TinyMCE编辑器_C#_Javascript_Jquery_Asp.net_Tinymce - Fatal编程技术网

C# 向文本框动态添加TinyMCE编辑器

C# 向文本框动态添加TinyMCE编辑器,c#,javascript,jquery,asp.net,tinymce,C#,Javascript,Jquery,Asp.net,Tinymce,我将文本框动态地添加到一个div中 $('#xyz').click(function() { $(#myDiv).append('<textarea></textarea>'); }); $('#xyz')。单击(函数() { $(#myDiv).append(''); }); 现在,我想将tinymce编辑器附加到这些文本区域,您能帮我吗?试试这个: $('#xyz').click(function() { var myTextarea = $("

我将文本框动态地添加到一个div中

$('#xyz').click(function()
{
     $(#myDiv).append('<textarea></textarea>');
});
$('#xyz')。单击(函数()
{
$(#myDiv).append('');
});
现在,我想将tinymce编辑器附加到这些文本区域,您能帮我吗?

试试这个:

$('#xyz').click(function() {
    var myTextarea = $("<textarea></textarea>");
    myTextarea.attr("id", "mce-editor");
    $("#myDiv").append(myTextarea);

    // this inistalises the TinyMCE editor upon the element with the id in the last parameter.
    tinyMCE.execCommand("mceAddControl", false, "mce-editor");
});
$('#xyz')。单击(函数(){
var myTextarea=$(“”);
属性(“id”,“mce编辑器”);
$(“#myDiv”).append(myTextarea);
//这将在最后一个参数中id为的元素上初始化TinyMCE编辑器。
execCommand(“mceAddControl”,false,“mce编辑器”);
});

您甚至可以将tinymce元素直接附加到div,因为使用tinymce编辑器实例编辑和提交文本不需要textarea。Tinymce将在dom中创建一个可编辑的iframe,用户可以在其中编辑html内容。OnSave编辑器的内容被写回创建tinymce编辑器的html元素(可以是textarea、div、段落或其他html元素)


@Rory-它工作到一个程度,但它只在第一个文本框中工作,一旦两个ID(“mce编辑器”)停止工作,我如何使用动态ID附加编辑器?是否需要ID依赖性?难道没有一种方法可以通过类而不是id来实现同样的功能吗?使用tinymce,每个编辑器实例都需要获得一个唯一的id!您可以使用Math.random()来实现这一点:myTextarea.attr(“id”,Math.random());不,tinymce需要一个id,如果您不指定一个“内容”作为默认值,但从第二个编辑器实例开始,您将需要一个与第一个不同的第二个id。在您的情况下,必须为要初始化onclick的编辑器实例的元素指定一个id,否则您将无法为函数execCommand指定id。
tinyMCE.execCommand('mceAddControl', false, 'myDiv');