Jquery 如何使用tinymce将输入更改为textarea

当我将输入更改为textarea时，如何启用tinymce

以下是我的javascript：

<script type="text/javascript"src="/tmc/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({mode : "textareas",theme : "advanced",skin : "o2k7",

...

$(window).load(function(){
 var textbox = $("#textbox");
 var textarea = $("<textarea id='textarea'></textarea>");
 $("#change").click(function () {
   // Check for textbox or textarea
   if ($("#textbox").length === 1) {
     // Copy value to textarea
     textarea.val(textbox.val());
     // Replace textbox with textarea
     textbox = textbox.replaceWith(textarea);
   } else {
     // Copy value to textbox
     textbox.val(textarea.val());
     // Replace textarea with textbox
     textarea = textarea.replaceWith(textbox);
   }
 });
});

init（{模式：“textareas”，主题：“advanced”，皮肤：“o2k7”，
...
$（窗口）。加载（函数（）{
var textbox=$（“#textbox”）；
var textarea=$（“”）；
$（“#更改”）。单击（函数（）{
//检查文本框或文本区域
如果（$（“#文本框”）.length==1）{
//将值复制到textarea
textarea.val（textbox.val（））；
//将textbox替换为textarea
textbox=textbox.replaceWith（textarea）；
}否则{
//将值复制到文本框
val（textarea.val（））；
//将textarea替换为textbox
textarea=textarea.replaceWith（textbox）；
}
});
});

和HTML代码：

 <input type="text" id="textbox" />
 <a href="#" id="change">Change</a>

---

单击“更改链接”后如何初始化tinyMCE？

您必须在创建文本区域后手动添加tinyMCE：

tinyMCE.execCommand('mceAddControl', false, 'textarea');

如果要将其更改回输入，则必须使用以下命令将tinyMCE内容保存到textarea：

tinyMCE.triggerSave();

并删除tinyMCE实例：

if (tinyMCE.getInstanceById('textarea')) {
    tinyMCE.execCommand('mceFocus', false, 'textarea');                    
    tinyMCE.execCommand('mceRemoveControl', false, 'textarea');
}

---

如果您没有tinyMCE的任何其他实例，您仍然必须像现在在页面顶部那样初始化它，但您可以将其更改为

tinyMCE.init（{mode:“none”，…

您必须在创建textarea后手动添加tinyMCE:

tinyMCE.execCommand('mceAddControl', false, 'textarea');

如果要将其更改回输入，则必须使用以下命令将tinyMCE内容保存到textarea：

tinyMCE.triggerSave();

并删除tinyMCE实例：

if (tinyMCE.getInstanceById('textarea')) {
    tinyMCE.execCommand('mceFocus', false, 'textarea');                    
    tinyMCE.execCommand('mceRemoveControl', false, 'textarea');
}

---

如果您没有tinyMCE的任何其他实例，您仍然必须像现在在页面顶部那样初始化它，但您可以将其更改为

tinyMCE.init（{mode:“none”，，

这里，这是一个使用onClick事件替换textarea上tinymce的示例代码。有关tinymce的更多应用进展，请遵循以下步骤

jQuery（文档）.ready（函数（）{
jQuery（“按钮”）。打开（“单击”，函数（）{
var textbox=$（“#textbox”）；
var textarea=$（“”）；
$（“#更改”）。单击（函数（）{
//检查文本框或文本区域
如果（$（“#文本框”）.length==1）{
//将值复制到textarea
textarea.val（textbox.val（））；
//将textbox替换为textarea
textbox=textbox.replaceWith（textarea）；
}否则{
//将值复制到文本框
val（textarea.val（））；
//将textarea替换为textbox
textarea=textarea.replaceWith（textbox）；
}
});
var id=$（this.data（“id”）；
init（{mode:“textareas”}）；
tinymce.EditorManager.execCommand（“mceAddEditor”，true，id）；
});
});         
点击我

这里，这是一个使用onClick事件替换textarea上tinymce的示例代码。有关tinymce的更多应用进展，请遵循以下步骤

jQuery（文档）.ready（函数（）{
jQuery（“按钮”）。打开（“单击”，函数（）{
var textbox=$（“#textbox”）；
var textarea=$（“”）；
$（“#更改”）。单击（函数（）{
//检查文本框或文本区域
如果（$（“#文本框”）.length==1）{
//将值复制到textarea
textarea.val（textbox.val（））；
//将textbox替换为textarea
textbox=textbox.replaceWith（textarea）；
}否则{
//将值复制到文本框
val（textarea.val（））；
//将textarea替换为textbox
textarea=textarea.replaceWith（textbox）；
}
});
var id=$（this.data（“id”）；
init（{mode:“textareas”}）；
tinymce.EditorManager.execCommand（“mceAddEditor”，true，id）；
});
});         
点击我