C# 向文本框动态添加TinyMCE编辑器
我将文本框动态地添加到一个div中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 = $("
$('#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');