在Ajax / Javascript textarea字段上设置TinyMce

时间:2013-03-28 13:30:16

标签: javascript ajax tinymce

我有一个带有一点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;

}
});

我想做的一件事就是将平原上的'案例3 '更改成为一个(WYSIWYG)。

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

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

然后对textarea class =“tinymce”进行分类,TinyMce就是这样做的。

当我在javascript中设置类时 - 它只是不显示/调用。

有人可以帮助我调用逻辑来表现为WYSIWYG字段吗?

仍然通过js找到我的方式 - 任何想法都会非常感激!

1 个答案:

答案 0 :(得分:1)

您可以给textarea一个id并使用此调用初始化您的编辑器:

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