tiny mce kann nicht aufgerufen werden, wenn js dynamisch geladen wird

Question

Nov 12, 2012, 10:24 AM

initialization tinymce dynamic-loading init

tiny mce kann nicht aufgerufen werden, wenn js dynamisch geladen wird

Ich habe Probleme mit tinyMCE, wenn ich es sage<script type="text/javascript" src="/scripts/tiny_mce/tiny_mce.js"> zu<head>, und stellen Sie den Init-Code vor den<textarea class="tinyMceEditor">, es funktioniert gut. Der Init-Code sieht folgendermaßen aus:

                    tinyMCE.init({
                        mode : "specific_textareas",
                        editor_selector : "tinyMceEditor",
                        plugins : "inlinepopups,advlink",
                        convert_urls : false,
                        theme : "advanced",
                        theme_advanced_buttons1 : "link,unlink",
                        width: "602",
                        height: "175",
                        theme_advanced_statusbar_location : "none"});

Aber jetzt möchte ich das Laden von tiny_mce.js aufschieben. Wenn der Benutzer zum ersten Mal auf eine Schaltfläche klickt, wird die tiny_mce.js geladen und dann die Datei angehängt<textarea class="tinyMceEditor"> zu<body>Führen Sie dann die Init-Arbeit mit dem vorherigen Code aus, aber dieses Mal wird der tinyMCE-Editor nicht gestartet, sondern nur der<textarea class="tinyMceEditor">

gegoogelt, aber nichts im Zusammenhang damit finden, hat jemand dieses Problem getroffen?

Jeder Vorschlag wird geschätzt.

Ich habe mir die Chrome Web Developer Tools angesehen und festgestellt, dass wenn ich die tinymce.js dynamisch lade, andere benötigte js wie en.js, editor_template.js, editor_plugin.js usw. nicht geladen werden. auch wenn ich diese js-dateien zum dynamischen laden hinzufüge, kann der tinymce immer noch nicht gestartet werden.

danke für deine hilfe, ich habe in firebug zugesehen und bekomme die tinymce.js vor dem anhängen geladen<textarea zu<body>, dann hänge ich das an<textarea>und mach den Tinymceinit(), benutze ich LazyLoad (jQuery Plugin), um die js-Dateien dynamisch zu laden.

Hier ist, was ich getan habe

if(typeof TinyMCE == "undefined"){
    //dynamically load the tinymce.js
    LazyLoad(['tinymce.js'],function(){
        //callback function, called after tinymce is loaded
        $('body').append('<textarea class="TinyMceEditor"/>');
        tinyMCE.init({init settings});
    });
}

wenn ich tinymce.js nicht dynamisch lade, setze einfach a<script> tag in<head>, das tinyMCE kann inited sein, aber wenn ich tinymce.js dynamisch lade, funktioniert es nicht. Irgendeine Idee damit?