在Ajax/Javascript textarea字段上設置TinyMce

我有一個表單，帶有一點Ajax/Javascript，可以添加/編輯/刪除。在Ajax/Javascript textarea字段上設置TinyMce

之一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」從一個普通的改變成爲一個TinyMCE的（WYSIWYG）。

通常在頁面頭部，我們將啓動TinyMCE的：

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

那麼類TextArea類= 「TinyMCE的」和TinyMCE的做這件事。

當我在JavaScript中設置類 - 它只是不顯示/呼入。

有人可以幫助我調用邏輯來表現爲一個所見即所得的字段？

仍然通過js找到我的方式 - 任何想法將不勝感激！

來源

2013-03-28 Brandrally

你可以給你的textarea的ID和使用這個調用來initalize編輯器：

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

來源

2013-03-28 13:36:21 Thariama

嗨Thariama，感謝您的快速回復。我只是不太確定如何執行解決方案。我想我需要閱讀一下execCommand的一些功能。感謝你讓我走向一個方向。 - Paul – Brandrally

好吧，tinymce是包含js-tinymce文件時出現在頁面上的主要對象。稍後您可以使用此exec命令初始化編輯器。此外，你需要在你的init函數中沒有編輯器選擇。 – Thariama

在Ajax/Javascript textarea字段上設置TinyMce

回答

相關問題