javascript - 在 Ajax/Javascript 文本区域字段上设置 TinyMce

Question

我有一个带有一点 Ajax/Javascript 的表单，可以添加/编辑/删除。

JS 的功能之一如下:

$(".edit_row input:radio[type=radio]").live("click",function() {
var val=$(this).val();

var parent=$(this).parents("li").attr("id");

var text=jQuery("#"+parent).find("[name=text]").val();

switch(val){
case "1":   
var v='<input type="text" class="txtsmall" name="text" value="'+text+'" >';
jQuery("#"+parent).find(".resize").html(v);
break;
case "2":
var v='<input type="text" name="text" class="txtbig" value="'+text+'" >';
jQuery("#"+parent).find(".resize").html(v);
break;
case "3":
var v='<textarea name="text" class=" tinymce" rows="10">'+text+'</textarea>';
jQuery("#"+parent).find(".resize").html(v);
break;

}
});

我想做的一件事是将“case 3”从普通的变为tinymce(所见即所得)。

通常我们会在页面头部启动tinymce:

$().ready(function() {
$('textarea.tinymce').tinymce({
script_url : '/javascript/wysiwyg/tiny_mce.js',
theme : "advanced"
});
});

然后对 textarea class="tinymce"进行分类，TinyMce 就会完成它的工作。

当我在 javascript 中设置类时 – 它只是不显示/呼入。

有人可以帮我解决调用所见即所得字段的逻辑吗？

仍在寻找通过 js 的方法 - 任何想法将不胜感激!

Answer 1

您可以为您的文本区域指定一个 ID，并使用此调用来初始化您的编辑器:

tinymce.execCommand('mceAddControl',true,'your_editor_id');