Archiwa tagu: WYSIWYG

Html5 WYSIWYG – edytor tekstów prawie jak Word

html5 wysiwyg

Rewelacyjny edytor tekstów. Interfejs bardzo przypomina program Microsoft Word. Edytor został stworzony w oparciu o najnowsze techniki tworzenia aplikacji web czyli HTML5. Oprócz standardowych sposobów formatowania tekstów, edytor pozwala na tworzenie formularzy oraz co ciekawe wklejanie screenshotów. Wygląd edytora jest jest zbudowany z znaczników HTML, a więc łatwo jest go modyfikować. Projekt edytora jest w fazie projektu nie wszystkie elementy jeszcze w nim działają na przykład menu kontekstowe.

 Framework: jQuery, jQuery UI
Link: http://code.google.com/p/html-5-wysiwyg/
Licencja: GPL

CLEditor – Prosty i darmowy edytor WYSIWYG

cleditor

CLEditor jest darmowym, lekkim, w pełni funkcjonalnym edytorem WYSIWYG. Skrypt można łatwo dodać do dowolnego projektu witryny WWW. Edytor posiada standardowe funkcji formatowania tekstu, czcionki, rozmiary, style, kolory tekstu i kolor ypodświetlenia. CLEditor pozwala dołączać zdjęcia (linki) a po zainstalowaniu pluginu, tabele. CLEditor obsługuje wszystkie główne przeglądarki.

cleditor

Wymagania: jQuery
Link: http://premiumsoftware.net/cleditor/
Licencja: GPL, MIT

CKEditor – edytor teksku w html

ckeditor

To chyba najbardziej znany edytor WYSIWYG w sieci. Aż dziw, że go jeszcze nie opisałem na swoim blogu. Wcześniej edytor nazywał się FCKeditor ale kojarzył się to z brzydkim angielskim słowem, dlatego  nazwa została zmieniona. Jednak w naszym języku słowo „zajeb….” to dobre słowo, aby określić ten edytor :) Zakres funkcji jakie umożliwia, jest bardzo duży. Oto najważniejsze z nich:

  • Kompatybilność ze wszystkimi przeglądarkami
  • Generuje kod zgodny z XHTML
  • Formatowanie czcionki: typ, wielkość, kolor, styl, pogrubienie, kursywa, wklejanie z Worda, obsługa linków i kotwic, tworzenie tabel i ich edycja, tworzenie pól formularza, obsługuje CSS.
  • Formatowanie tekstu: wyrównanie, wcięcie itp., itd.
  • Wycinanie, wklejanie i wklejanie jako czysty tekst (bez formatowania) oraz cofanie i przywracania wykonanych operacji
  • Obsługa wklejania grafik z możliwością ich wgrywania na serwer
  • Podczas edycji po kliknięciu prawym klawiszem myszki pojawia się menu
  • Możliwość modyfikacji paska narzędzi
  • Możliwość zmiany wyglądu edytora (nie tylko poprzez CSS, ale też poprzez zmianę skina)
  • Możliwość dołączania pluginów
  • Wsparcie dla korekty pisowni
  • Program jest wielojęzykowy z automatycznym wykrywaniem używanego języka również w języku polskim
  • Integracja z ASP, ASP.NET, Java, ColdFusion, PHP, JavaScript, Python, Perl i z innymi technologiami
  • Pobieranie obrazów i plików ze wskazanych lokalizacji oraz pogląd umieszczonych plików na serwerze
  • Łatwy w instalacji i konfigurowaniu

Zachęcam do zajrzenia na oficjalna stronkę CKEditor i na polską stronę z której ściągnąłem część opisu :)

ckeditor

Link: http://ckeditor.com
Demo: http://ckeditor.com/demo
Licencja: GPL, LGPL, MPL