[CKEditor][jQuery UI] Wrzucenie CKEditor do Accordion ?

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

[CKEditor][jQuery UI] Wrzucenie CKEditor do Accordion ?

haryb Zobacz profil	14.04.2010, 21:51:29 Post #1
Grupa: Zarejestrowani Postów: 137 Pomógł: 0 Dołączył: 9.11.2004 Skąd: Gdańsk Ostrzeżenie: (0%)	Zagłębiając się dalej w biblioteke jQuery UI - bardzo spodobał mi się efekt i wygląd Accordion. A że teoretycznie można do każdej z tych zakładek wrzucać różną zawartość to postanowiłem wrzucić tam CKEditor. Idealnie by to wyglądało np w jakimś panelu CMS gdzie jest kilka zakładek Accordion i w nich np CKEditor do edycji treści. Mało miejsca zajmuje i ładnie wygląda. Samo wrzucenie edytora do Accordion nie jest żadnym problemem. I na pierwszy rzut oka wszystko ok działa. Jednak po chwili zauważyłem że jak się popisze troszkę w edytorze, entery, itd i później przełącza się miedzy zakładkami - to w momencie zejścia z aktywnej zakładki z edytorem lub po przełączeniu wejście na ta zakładkę następuje takie szybkie "mignięcie" całej strony - jakby przeładowanie - chodź praktycznie ono nie występuje i to tylko na zakładkach gdzie jest ten ckeditor. Czy ktoś spotkał sie może z taką sytuacją? Próbował umieszczać CKEditora w jQuery UI Accordion? Za wszelką pomoc i sugestie będę wdzięczny. Może ewentualnie też podpowiecie, zasugerujecie jak rozwiązać problem wielu (2-4) edytorów na jednej stronie tak by to wyglądało ładnie i funkcjonalnie - a nie po prostu wrzucone jeden pod drugim i wszystkie na raz wyświetlane? P.S. Poniżej wklejam kod HTML na którym robiłem testy, zarówno jquery ui oraz ckeditor jest nie zmieniany praktycznie na żywca wrzucony z przykładów. Więc tutaj jakieś moje modyfikacje w panelu nie są przyczyną takiego zachowania. [HTML] pobierz, plaintext <html> <head> <script type="text/javascript" src="../application/js/jquery-1.4.2.js"></script> <script type="text/javascript" src="../application/js/jquery-ui-1.8.custom.min.js"></script> <script type="text/javascript" src="../application/libraries/ckeditor_3.2.1/ckeditor/ckeditor.js"></script> <link rel="stylesheet" type="text/css" href="../application/css/jquery_ui/base/jquery.ui.all.css" /> <script type="text/javascript"> $(function() { $("#accordion").accordion(); }); </script> </head> <body> <div id="accordion"> <h3><a href="#">Section 1</a></h3> <div> <textarea cols="80" id="editor_kama" name="editor_kama" rows="10"><p>This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p></textarea> <script type="text/javascript"> //<![CDATA[ CKEDITOR.replace( 'editor_kama', { skin : 'kama' }); //]]> </script> </div> <h3><a href="#">Section 2</a></h3> <div> <p> Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p> </div> <h3><a href="#">Section 3</a></h3> <div> <p> Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p> <ul> <li>List item one</li> <li>List item two</li> <li>List item three</li> </ul> </div> <h3><a href="#">Section 4</a></h3> <div> <p> Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p> <p> Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p> </div> </div> </body> </html> [HTML] pobierz, plaintext Pozdro Hary Ten post edytował haryb 14.04.2010, 21:55:33