Dobry WYSIWYG online?
Znacie jakiś? Mam na myśli taki WYSIWYG, który można wrzucić na stronę WWW jako podmianka dla <textarea>. Pewnie zaraz posypią się mnie gromy, ze wysiwygi są złe i nie dobre. Racja, zgadzam się z tym w pełni. Generują więcej śmieci niż można to sobie wyobrazić…
Ale co powiedzieć klientowi, który chce mieć możliwość edycji treści na swojej stronie WWW? Zwykłe pole tekstowe nie wchodzi w rachubę, klient nie zna HTML i nie zamierza poznać, bo po co mu to? I tu trzeba zainstalować jakiś edytor wysiwyg. Tylko jaki?
Do tej pory stosowałem tinyMCE (tinymce.moxiecode.com). Jest darmowy, prosty w instalacji, łatwy w konfiguracji. Wygląda jak MS Word i jest dosyć intuicyjny, dlatego podoba się klientom. Problem w tym, że generuje HTMLową sieczkę! Font, fonta, fontem pogania, masakra. Już nie wspomnę o tym, że psuje to walidację. To jest pół biedy. Jeśli stronę serwuję jako application/xhtml+xml, to strona zupełnie się wykrzacza, trzeba zmienić na zwykły text/html. To dodatkowo uniemożliwia generowanie kanałów ATOM dla strony. Dodatkowo lubi się zamulić, jest tak rozbudowany, że przy implementacji w projekcie wyłączam wiele funkcji.
Czas znaleźć alternatywę…
FCK Editor (fckeditor.net), żałość – nie działa nawet pod Operą.
Jedyne dwa jakie wydają się być rozsądne, to XStandard XHTML WYSIWYG Editor (xstandard.com) i SPAW Editor (solmetra.com). Xstandard Editor jest zgodny z XHTML, jednak jego podstawową wadą jest to, że jest to plugin do przeglądarek, więc klienci musieliby go zainstalować. SPAW Editor natomiast wydaje się być świetnym rozwiązaniem. Nie jest to typowy edytor w javascript, jak tinyMCE. Jego instalacja jest trochę.. inna. Jest on darmowy do projektów niekomercyjnych, jednak licencja na jedną stronę komercyjną to już 30 Euro. W sumie cena znośna. Jeśli go przetestuję, to będzie relacja :)
A może znacie jakieś dobre edytory WYSIWYG online?
26.06.2007 | trackback | Śledź komentarze w tym wątku: RSS 2.0.
Kategorie: PHP, Strony WWW
może STE ?
http://code.gosu.pl/ – strona główna z kilkoma bibliotekami
http://code.gosu.pl/dl/STE/demo/STE.html – strona demo
mi się bardzo podoba bo nie jest przeładowany. ale powiem szczerze że w praktyce nie używałem w żadnym komercyjnym projekcie…
z tego co wiem, to tinyMCE można skonfigurować tak, że będzie wypluwał poprawny HTML/XHTML…
STE mógłby być ciekawy, ale brakuje mu uploadera obrazków. Co do konfiguracji tinyMCE, no niby mam tak skonfigurowany, ale coś nie bardzo. Może źle robię, popróbuję jeszcze.
Gdybym znał się na JS sam bym napisał prosty edytorek :D Trochę dziwi mnie, ze nikt nie zrobił tego we flashu.
Edytorek we flashu?? Taaa… i jeszcze do tego CAPTCHA :D I strona “IE ONLY” :D
Tak tylko filozofuję sobię :) Wszystkie te WYSIWYGi to javascriptowe kombajny i nie ma co ukrywać, działają strasznie wolno. Wychodzę z założenia, że jeśli browser obsługuję js to obsługuje też flasha :) Może działało by to szybciej, kto wie, kto wie :) Aczkolwiek, najważniejsze dla mnie jest: poprawny kod i łatwość obsługi, żeby klienci nie wydzwaniali, że im się “rozjechało” albo nie umieją czegoś zrobić :)
XStandard – to je dobro. Tylko na linuxa nie chodzi chyba :/ wlasciwie na jakiej zasadzie to działa – moze dałoby sie wyeksportowac te pluginy, żeby na linuxie dało rade też. A dla klienta chyba nie problem zainstalować takie cacko – dajesz mu przy edytorze bezposredni link i ma :P
Na stronie TinyMCE poczytaj jego features. Jest możliwość włączenia budowania poprawnego XHTML.
Polecam:
* http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/strict_loading_mode
* http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/cleanup
Używam Geckowatej przeglądarki – Epiphany, od dawna nie Opery, ani Firefoksa, więc nie muszę się niczym za bardzo przejmować. FCK jest po prostu dla mnie stworzony ;) .
Dzięki za radę. Jednak włączenie cleanup i strict_loading nie wiele zmienia… Dodałem też plugin xhtml_helper, ale tylko część tagów naprawia. Można coś pokombinować z valid_elements http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/valid_elements ale tam dla XHTML też są znaczniki typu font… Masakra, coś mi się zdaję, że mogę sobie pomarzyć tylko…
Edytor flashowy jako ciekawostka http://www.extremefx.com.ar/blog/flash-textarea
Nie testowałem.
http://www.standards-schmandards.com/2007/wysiwyg-editor-test-2/
@diz – muszę się mu przyjrzeć temu FlashArea, zapowaida się ciekawie!
@radic – Widziałem już ten tekst, niestety same beznadziejne te edytorki :/
http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/convert_fonts_to_spans
@asd – dzięki :) Przyda się :-) Ale i tak dalej poszukuję nowych rozwiązań :-)
Jakbyś takie znalazł to daj znać albo na maila albo na swoim blogu. Sam poszukuje jakiegoś prostego, ale zgodnego z xhtml 1.1 edytora. TinyMCE niestety ma np. i kilka innych błędów
http://www.geniisoft.com/showcase.nsf/WebEditors
calkiem spora lista
sorry za flood
http://xinha.python-hosting.com/
to jest ciekawe, pod opera nie dziala ale klienci nie znaja opery:)
Kiedyś, przypadkiem trafiłem na dobry (relatywnie) edytor WYSIWYG. Niestety nie jest on-line. Nie działa też pod systemem Microsoftu (stosowny port jest jednak w drodze). Ów edytor nazywa się KWord, wchodzi w skład KOffice.
Sprawdź to:
http://www.htmlarea.com/
oraz to
http://www.karamasoft.com/?Component=UltimateEditor
Pierwszy znam z widzenia, o drugim tylko słyszałem. :)
Też pierwszym edytorem jaki kiedyś wybrałem było tinyMCE i miałem ten sam problem co Ty :/ Naprawdę bardzo dokładnie prześledziłem cała dokumentację ale mimo to edytor i tak dodawał jakieś swoje elementy, niektóre poprawiał po swojemu itd. Ostatecznie przeszedłem na FCK Editor. Osobiście wszystko mi w nim pasuje :) Fakt, brak obsługi Opery to błąd i na pewno dyskwalifikuje ten edytor w oczach wielu webmasterów. Ale nareszcie edytor nie dodaje nic od siebie co bardzo pozytywnie wpływa na moje zdrowie psychiczne ;)
A wiesz może jak w FCK zmienić listę wyboru rozmiarów czcionki na pikselowe jednostki? Bo domyślnie jest “small”, “large” itp… Szukałem w necie ale się nie doszukałem…
W powijakach, ale jest: http://www.wymeditor.org/en/demo/
Najlepszy jaki znam na rynku firmy innovastudio. Znajdziecie na sieci. Problem jedyny – nie działa na safari – słowem najlepiej na IE.
Intuicyjny, czysty kod, prosta obsługa.
Wszystko działa ok, ale jak wrzucam do valid_elements “br” to i tak nie zapisuje mi z nowymi liniami…. Jakieś sugestie?
Ja używam w stronach niekomercyjnych “spaw2″, jest tutaj jak narazie bezkonkurencyjny. Do komercyjnych tylko FCKeditor.
elo. jest mały error.
FlashArea nie przyjmuje PL znaków.
Miesiąc nad tym siedzię…. wie ktoś jak to naprawić?
FCK działa już pod Operą!
Paweł Rabinek – fakt wysiwygi online to “potwory” napisane w javascript, pozornie ale tylko pozornie “marnym jezyku” . Jesli browser obsługuje js nie znaczy ze musi obsługiwać flasha :)
To, że działają wolno to wina silnika javascript, chociaż te działają coraż szybciej, np v8 w googlechrome albo tamarin, narazie jeszcze nie dostępny ale będzie w przyszłych wersjach firefoxa, zapowiadany jest jako bardzo szybki, szybkość działania skryptów js ma być porównywalna do kodu natywnego.
I wbrew pozorom wysiwyga nie jest łatwo napisać, ponieważ najprostszym/najbardziej intuicyjnym rozwiązaniem na formatowanie tekstu jest tzw execCommand(), niby świetne rozwiązanie, ale bezużyteczne jeśli chodzi o bezpieczeństwo, może dojść do xssów, ponieważ ciężko jest parsować kod dhtml jaki generuje ta funkcja. Tak naprawdę więc jest do kitu, żeby zobaczyć o czym mówię, polecam pierwszą wersję mojego wysiwyga i-edit na http://www.iron0088.yoyo.pl/?id=i-edit
Można w nim bardzo dobrze sprawdzić o czym mówie jeżeli podejrzy się źródło w np firebugu.
(troche się rozpisałem ale to nic)
pozdro
A próbowaliście innego podejścia?
Niech TinyMCE wypluje co tam sobie wypluje, ale potem przepuśćcie to przez HTMLPurifier z ustawionymi odpowiednimi opcjami.
Ta biblioteka ma m.in. Tidy w sobie, wycina zadane tagi, itd.
Jedyna wada to jej waga, całkiem spora i chyba zasobożerna :/
Ja czasami używam:
http://www.fckeditor.net/demo
[...] blog.rabinek.pl 00:56 03/02/2009 Dobry WYSIWYG online? – Paweł Rabinek blog blog.rabinek.pl/…07/06/26/dobry-wysiwyg-on… Pokaż reakcje /* */ inne strony z tej witryny + obserwuj co [...]
FCKeditor zmienił się na CKEditor i szczerze, jest to prawdopodobnie najlepszy darmowy edytor typu WYSIWYG w sieci.
Did you take an assistance of a essay writing service for your great outcome? I think that you have got unique good essay writing skills. Thanks a lot for this!