Question

我被这个所见即所得的编辑http://www.innovastudio.com/所困扰。

我正在尝试在页面上添加多个编辑器，点击链接。看看我的代码。

var times_clicked = 1;
    $("#add_more_stuff").click(function(){
        times_clicked++;
        var a = times_clicked;
        console.log(a);
        $('<textarea id="editor'+a+'" name="lesson"></textarea>').appendTo('body');
        $('<script>var oEdit'+a+' = new InnovaEditor("oEdit'+a+'"); oEdit'+a+'.REPLACE("editor'+a+'");<\/script>').appendTo($("#e"));
    });

这增加了一个编辑器和整个页面！如果使用此编辑器无法完成此操作，则可以使用任何其他编辑器来支持此动态添加。

Answer 1

我也遇到了这个问题。您必须使用div替换才能使其正常工作。另请注意，要使其正常工作，必须在页面范围内声明oEdit。如果在函数中声明变量，它将不起作用。如果在函数中声明它，则必须将引用添加到浏览器的窗口对象，例如：

window["oEdit1"] = new InnovaEditor("oEdit1");
window["oEdit1"].REPLACE("textarea id", "myEditor");

现在这里是你修改过的代码（有点丑陋的方式，但为了你的例子）：

var times_clicked = 1;
$("#add_more_stuff").click(function(){
    times_clicked++;
    var a = times_clicked;
    console.log(a);
    $('<textarea id="editor'+a+'" name="lesson"></textarea><div id="div_editor'+a+'"></div>').appendTo('body');
    $('<script>window["oEdit"'+a+'"] = new InnovaEditor("oEdit'+a+'");window["oEdit"'+a+'"].REPLACE("editor'+a+'","div_editor'+a+'");<\/script>').appendTo('body');
});

..就是这样，它应该这样工作......

innovaeditor - 动态添加链接点击

1 个答案: