innovaeditor - ダイナミックリンクのクリックに追加

私はこのwysiwygエディタ http://www.innovastudio.com/ にこだわっています。

私はリンクをクリックして複数のエディタをページに追加しようとしています。私のコードを見てください。

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

これは1つのエディタとページ全体の吹き飛ばしを追加します! これをこのエディタで行うことができない場合は、動的追加をサポートする他のエディタがあります。

0

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);
    $('<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');
});

..そしてそれはそれです、それはこの方法で動作するはずです...

1
追加された