Ładowanie bibliotek TinyMCE na żądanie

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Ładowanie bibliotek TinyMCE na żądanie, dynamiczne tworzenie edytorów - problem w Chrome

WebCM Zobacz profil	11.12.2010, 16:44:17 Post #1
Grupa: Zarejestrowani Postów: 375 Pomógł: 20 Dołączył: 28.07.2006 Ostrzeżenie: (0%)	Mam problem z dynamicznym tworzeniem edytorów TinyMCE w Google Chrome. Wyświetlą się tylko przy pierwszym wyświetleniu strony, a potem już nie (nie ma błędów w konsoli!) albo na odwrót. Edytory mogą ładować się na 2 sposoby: 1. Na żądanie - podczas ładowania strony (wywołane w <body>) 2. Na żądanie - po załadowaniu strony (np. po kliknięciu przycisku) Proces ładowania edytorów: 1. W sekcji <head> dołączam tradycyjnie plik ładujący loader.js [HTML] pobierz, plaintext <script type="text/javascript" src="loader.js"></script> [HTML] pobierz, plaintext 2. Plik loader.js wygląda tak: [JAVASCRIPT] pobierz, plaintext function Editor(O) { var that = this; //Jeśli nie załadowano tinyMCE, zrób to teraz if(!Editor.got) { include('tiny_mce.js'); Editor.got = true; } //Funkcja, która dodaje nowy edytor var init = function() { that.o = tinymce.add(new tinymce.Editor(O.id, { //ustawienia wycięte, ale nie mają na to wpływu })); that.o.render(); }; //Jeżeli dokument jest już załadowany if(Editor.DOM) setTimeout(init,500); //A jeśli nie jest jeszcze załadowany - PATRZ TUTAJ: else addEvent('load', function() { setTimeout(init,500); Editor.DOM = true }) } Editor.got = Editor.DOM = false; [JAVASCRIPT] pobierz, plaintext 3. Natomiast instancje obiektu Editor są tworzone w sekcji <body> za formularzem: [HTML] pobierz, plaintext <script type="text/javascript"> e = new Editor(formularz.nazwapola); </script> [HTML] pobierz, plaintext Bawiłem się w Firebugu do Firefoksa. Jeżeli strona jest już załadowana, dynamiczne wczytanie głównej biblioteki i dodanie nowego edytora nie działa. Czyżby wina TinyMCE? Przykład: [JAVASCRIPT] pobierz, plaintext include('tiny_mce.js', function() { tinyMCE.init({mode:'none'}); var test = new tinymce.Editor('txt', {theme:'advanced'}); tinymce.add(test); test.render(); }); [JAVASCRIPT] pobierz, plaintext Funkcja addEvent (chyba) działa prawidłowo, ale gdyby ktoś miał wątpliwości: [JAVASCRIPT] pobierz, plaintext function addEvent(type, f, o, capture) { if(window.addEventListener) { (o\|\|window).addEventListener(type, f, capture\|\|false) } else if(window.attachEvent) { (o\|\|window).attachEvent('on'+type, f) } else if(!o['on'+type]) { (o\|\|window)[type] = f } } [JAVASCRIPT] pobierz, plaintext Jedynym wyjściem jest ładowanie głównej biblioteki podczas ładowania strony (przed zdarzeniem window.onload)? Jak załadować bibliotekę TinyMCE na żądanie, a następnie wyświetlić edytor tak, aby działał w każdej przeglądarce? Jak sprawdzić, czy wszystkie pliki TinyMCE są załadowane, czyli - czy można już odpalić edytor? Ten post edytował WebCM 11.12.2010, 16:55:04 -------------------- „Jesteśmy różni, pochodzimy z różnych stron Polski, mamy różne zainteresowania, ale łączy nas jeden cel. Cel ten to Ojczyna, dla której chcemy żyć i pracować.” Roman Dmowski