使用单一功能在一个页面中初始化多个Tiny MCE RTE

时间:2016-07-27 09:42:49

标签: javascript jquery html tinymce

我必须在一个页面中加载5个富文本编辑器--TinyMCE RTE。 一般来说,加载单个Timy MCE,我使用下面的代码:

var _setTinymce = function () {
        var ed = new tinymce.Editor('textAreaContent', {
            menubar: 'edit insert view format table',
            plugins: ["autolink fullscreen table lists link image charmap print preview anchor code "],
            toolbar: "insertfile undo redo | bold italic |  underline | alignleft aligncenter alignright alignjustify | strikethrough | superscript | subscript | code | removeformatbullist | numlist outdent indent | link  image | fontselect ",
            browser_spellcheck: true,
            relative_urls: false,
            }, tinymce.EditorManager);
        ed.render();
    };

textAreaContent 是html中我的文本区域的ID。

在document.ready中,我调用了这个函数_setTinymce(); 这绝对没问题。

现在我必须在多个文本区域(近7个)加载此TinyMCE RTE 我不想重复相同的代码(如上所述)。

我已经采用了一个包含所有textareas ID的数组。

var rteDisplay = [textAreaContent ,textAreaContent1, textAreaContent2, textAreaContent3, textAreaContent4 ];

我有一个常用的功能,我将文本区域ID作为参数传递给我。 但RTE不加载。

我收到错误:

tinymce.min.js:53 Uncaught TypeError: Cannot read property 'visibility' of undefined

1 个答案:

答案 0 :(得分:0)

你拥有的数组没有传递字符串,所以我怀疑它们被解释为变量并且是undefined ...也许你需要这样做"

var rteDisplay = ['textAreaContent' ,'textAreaContent1', 'textAreaContent2',
                  'textAreaContent3', 'textAreaContent4' ];