ďťż

[JS] Edytory graficzne WYSIWYG

       

Podstrony


telcocafe

Przetestowałem wstępnie kilka edytorów graficznych, bazując tylko na przykładach demo.

TinyMCE
Bardzo rozbudowany. Dużo opcji konfiguracyjnych. Obsługuje BBCode, zapis i odczyt AJAX, skórki, dodatkowe przyciski, emotikony, symbole, media, tabele i znacznie więcej. Konwertuje adresy URL. Zawiera menedżer plików.

Niestety edytor zamienia znaki UTF-8 na encje, w tym literę Ó. Jakość kodu HTML przyzwoita, ale czasem lubi śmiecić.

Przykłady: http://tinymce.moxiecode.com/examples
Rozmiar: 175 KB + rozszerzenia (680 KB) + języki + skórki

CKEditor
Jeszcze więcej możliwości i lepsza jakość generowanego kodu HTML. Czytelny interfejs z naciskiem na użyteczność. Występuje ten sam problem ze znakami UTF-8 i literą Ó

Przykłady: http://ckeditor.com/demo
Rozmiar: 274 KB + rozszerzenia (286 KB) + języki + skórki

NicEdit
Edytor zaimponował mi na początku. Ma tylko podstawowe funkcje. Nie operuje się w pływającej ramce <iframe>, lecz w warstwie <div>. Radzi sobie z UTF-8. Niestety generuje śmietnik w kodzie, a niektóre funkcje nie działają. Chyba dlatego, że większość operacji (b, i, u, krój i rozmiar czcionki) zleca przeglądarce - inny kod pojawi się w Mozilli, inny w Operze...

Przykłady: http://nicedit.com/demos.php
Rozmiar: 32 KB

Xinha
Rozbudowany edytor z dużą ilością wtyczek, np. edytorem wyrażeń matematycznych. Radzi sobie z UTF-8. Krój i wielkość ustawia za pomocą <font> zamiast stylów. Wygoda obsługi pozostawia dużo do życzenia. Wersja testowa jest w miarę stabilna, a w poprzedniej wyskakują błędy.

Przykłady: http://xinha.webfact...m/wiki/Examples
Rozmiar: 96.5 KB + rozszerzenia (1.3 MB) + skórki + moduły + języki

Żaden edytor WYSIWYG nie jest idealny.

Na pewno pominąłem dobre produkcje. Jeśli znacie dobre biblioteki, podajcie adresy. Najlepiej polskie :)

Napisanie dobrego edytora nie jest łatwe ze względu na widzimisię przeglądarek i ograniczenia języka Javascript.

Szukam jednak lekkiego skryptu, który:
+ zajmuje mało miejsca
+ oferuje podstawowe funkcje (najlepiej z możliwością rozszerzania)
+ generuje przyzwoity kod HTML lub XHTML, nie tworzy śmietnika i nie wstawia przestarzałych znaczników



Przecież TinyMCE można spakować. Spakowany plugin z wtyczkami waży 88 KB.
Co do zamiany znaków UTF-8 na encje, jak mówisz, nie wszystkie są zamieniane. Zajrzyj do kodu ;) Wystarczy użyć opcji entities.
Widzisz? Tiny jest fajny :lol:

A najlepiej nie używać WYSIWYGa ;) Są też rozwiązania typu markitup.

I co ci miejsce przeszkadza? Kilkaset kb całości nie oznacza że ci to wszystko od razu na stronę wrzuci + przeglądarki keszują pliki statyczne.
Użytkownik Riklaunim edytował ten post 24 grudzień 2009, 13:47
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.