Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Ładowanie bibliotek TinyMCE na żądanie, dynamiczne tworzenie edytorów - problem w Chrome
WebCM
post
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 
  1. <script type="text/javascript" src="loader.js"></script>
[HTML] pobierz, plaintext

2. Plik loader.js wygląda tak:
[JAVASCRIPT] pobierz, plaintext 
  1. function Editor(O)
  2. {
  3.         var that = this;
  4.  
  5.         //Jeśli nie załadowano tinyMCE, zrób to teraz
  6.         if(!Editor.got)
  7.         {
  8.                 include('tiny_mce.js');
  9.                 Editor.got = true;
  10.         }
  11.  
  12.         //Funkcja, która dodaje nowy edytor
  13.         var init = function()
  14.         {
  15.                 that.o = tinymce.add(new tinymce.Editor(O.id, {
  16.  
  17.                         //ustawienia wycięte, ale nie mają na to wpływu
  18.  
  19.                 }));
  20.                 that.o.render();
  21.         };
  22.  
  23.         //Jeżeli dokument jest już załadowany
  24.         if(Editor.DOM) setTimeout(init,500);
  25.  
  26.         //A jeśli nie jest jeszcze załadowany - PATRZ TUTAJ:
  27.         else addEvent('load', function() { setTimeout(init,500); Editor.DOM = true })
  28. }
  29.  
  30. Editor.got = Editor.DOM = false;
[JAVASCRIPT] pobierz, plaintext

3. Natomiast instancje obiektu Editor są tworzone w sekcji <body> za formularzem:
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. e = new Editor(formularz.nazwapola);
  3. </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 
  1. include('tiny_mce.js', function() {
  2.   tinyMCE.init({mode:'none'});
  3.   var test = new tinymce.Editor('txt', {theme:'advanced'});
  4.   tinymce.add(test);
  5.   test.render();
  6. });
[JAVASCRIPT] pobierz, plaintext


Funkcja addEvent (chyba) działa prawidłowo, ale gdyby ktoś miał wątpliwości:
[JAVASCRIPT] pobierz, plaintext 
  1. function addEvent(type, f, o, capture)
  2. {
  3. 	if(window.addEventListener)
  4. 	{
  5. 		(o||window).addEventListener(type, f, capture||false)
  6. 	}
  7. 	else if(window.attachEvent)
  8. 	{
  9. 		(o||window).attachEvent('on'+type, f)
  10. 	}
  11. 	else if(!o['on'+type])
  12. 	{
  13. 		(o||window)[type] = f
  14. 	}
  15. }
[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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
WebCM
post
Post #2





Grupa: Zarejestrowani
Postów: 375
Pomógł: 20
Dołączył: 28.07.2006

Ostrzeżenie: (0%)
-----

Cytat
Co to jest? Pierwszy raz na oczy widzę.
To plik na potrzeby skryptu CMS, aby zachować kompatybilność ze standardowym edytorem. Zamieściłem jego zawartość w punkcie nr 2. Jest po to, aby nie modyfikować oryginalnego tiny_mce.js.

Zaproponujcie lepsze rozwiązanie od tego, które przedstawiłem, jeżeli niewiele da się wykombinować (IMG:style_emoticons/default/tongue.gif)
Go to the top of the page
+Quote Post

Posty w temacie
- WebCM   Ładowanie bibliotek TinyMCE na żądanie   11.12.2010, 16:44:17
- - erix   Cytat1. W sekcji <head> dołączam tradycyjnie...   11.12.2010, 16:58:14
- - WebCM   CytatCo to jest? Pierwszy raz na oczy widzę.To pli...   11.12.2010, 19:43:15
- - thek   Zerkni google pod kątem "tinymce dynamic loa...   11.12.2010, 20:54:11
- - WebCM   To stary sposób wstawiania i usuwania edytorów. No...   23.12.2010, 12:50:15

« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 28.09.2025 - 13:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn