jquery - TinyMCE - 添加 ON/OFF 切换开关

Question

我在 Magento 管理部分的文本区域上使用 TinyMCE。我的 TinyMCE 编辑器从一开始就可见，但我想要禁用/重新启用它的选项。

我使用的是 jQuery 插件版本，所以我添加了一些脚本，这几乎可以工作。但是，它仅影响 TinyMCE 的第一个实例 - 如果页面上有任何其他实例，则它们不会受到影响。

我用了这个例子http://tinymce.moxiecode.com/examples/example_23.php作为我迄今为止所做工作的基础。但仍然无法弄清楚为什么它只影响第一个实例。有任何想法吗？这是我的代码:

var $j = jQuery.noConflict();
// Add ON OFF toggle switch
$j(function() {
$j('textarea').after("<br/><span class=\"toggle form-button\">Toggle TinyMCE</span>"); 
$j("span.toggle").toggle(function(){
$j('.wrapper').find('textarea').tinymce().hide();
        }, function () {
$j('.wrapper').find('textarea').tinymce().show();
    });
});

Answer 1

如果我为每个单独的文本区域重复该脚本，例如 textarea:eq(0)、textarea:eq(1) 等，则可以正常工作。不知道为什么，但可以。

更新:

他们在tinymce 网站上展示jQuery 显示/隐藏示例的方式实际上不起作用。您实际上需要卸载然后重新加载它，而不是仅仅隐藏编辑器，否则在提交表单时不会保存在“切换关闭”状态下所做的任何更改。所以你应该做如下的事情:

$(function() {
    var id = 'tinytextareaID'; // ID of your textarea (no # symbol) 
        $("a.toggle").toggle(function(){
           tinyMCE.execCommand('mceRemoveControl', false, id);
        }, function () {
            tinyMCE.execCommand('mceAddControl', false, id);
    });
});