jQuery + InnovaStudio 所见即所得编辑器

Question

我试图避免对这个所见即所得编辑器的每个实例进行硬编码，因此我使用 jQuery 根据函数名称创建each() 循环。令人烦恼的是，当我尝试时，InnovaStudio 似乎会爆炸。

文档

尝试 #1

<script type="text/javascript">

            /*
            id = $(this).attr('id');
            if(id.length == 0)
            {
                id = 'wysiwyg-' + wysiwyg_count;
                 $(this).attr('id', id);
            }

            WYSIWYG[wysiwyg_count] = new InnovaEditor('WYSIWYG[' + wysiwyg_count + ']');
            WYSIWYG[wysiwyg_count].REPLACE(id);
            */

            var demo = new InnovaEditor('demo');
            demo.REPLACE('wysiwyg-1');

            console.log('loop');

 </script>

效果

工作正常，但当然只适用于编辑器的单个实例。如果我想要多个实例，我需要使用each。

尝试#2：

<script type="text/javascript">

var wysiwyg_count = 1;
//var WYSIWYG = [];
var demo;

(function($) {
    $(function() {

        $('.wysiwyg-simple').each(function(){

            /*
            id = $(this).attr('id');
            if(id.length == 0)
            {
                id = 'wysiwyg-' + wysiwyg_count;
                 $(this).attr('id', id);
            }

            WYSIWYG[wysiwyg_count] = new InnovaEditor('WYSIWYG[' + wysiwyg_count + ']');
            WYSIWYG[wysiwyg_count].REPLACE(id);
            */

            demo = new InnovaEditor('demo');
            demo.REPLACE('wysiwyg-1');

            console.log('loop');
        });

    });
})(jQuery);
 </script>

效果

用所见即所得相关代码替换我页面的整个 HTML 正文，并抱怨没有 JS 可用（甚至 Firebug 都没有，所以无法调试） 。

请注意，我仍然对名称进行硬编码。我正在测试的页面上只有一个实例，因此当我使这个硬编码名称正常工作时，我将使注释掉的代码按照相同的方式工作。

---

有人知道这里到底发生了什么事吗？

Answer 1

即使您选择了 CKEditor，您也可能对解决方案感兴趣。您可以向 REPLACE 函数提供第二个参数。第二个参数也应该是一个 id，来自能够接受 html 输出的元素（如 div、span、p）的 id。

demo = new InnovaEditor('demo');
demo.REPLACE('wysiwyg-1', 'wysiwyg-1-replaceDiv');

当省略第二个参数时，InnovaStudio 只需使用以下命令即可将 html 输出写入文档：

document.write();

希望这会有所帮助！

Answer 2

从4.3版本开始为什么不使用自己的初始化代码：

    <textarea class="innovaeditor">
content here...
</textarea>


<script>
oUtil.initializeEditor("innovaeditor", 
{width:"700px", height:"450px"}
);
</script>

方法是oUtil.initializeEditor(selector, option)。第一个参数是选择器，第二个参数是 JSON 格式的编辑器属性。

选择器可以是：

Css类名，如果指定了类名，则所有具有指定类名的文本区域将被替换为编辑器。
文本区域 ID。如果是Id，则必须添加前缀'#'，例如oUtil.initializeEditor("#mytextarea")。
文本区域对象。
第二个参数是编辑器的属性。可以在此处指定所有有效的编辑器属性，例如宽度、高度、cmdAssetManager、toolbarMode 等。

请注意，可以从页面加载或文档就绪事件或页面加载期间调用此方法（只要选择器引用的对象已经呈现） ）。当页面包含编辑器脚本时，此方法自动可用。

Answer 3

解决方案：不要尝试使用 InnovaStudio，而是使用 CKEditor。