« CKEditor - egy lehetséges TinyMCE alternatíva »

Megmondom őszintén, nem vagyok híve a WYSIWYG-szerkesztőknek. Az ötlet jó, sokszor használni is kiváló, azonban a legtöbb ilyen szerkesztővel csak a baj van, különösen akkor, ha a webböngészőbe erőszakoljuk bele. Picit átlátom hogy működnek ezek, egyszer ugyanis »én is készítettem ilyet«, közel nem volt ennyire színes szolgáltatásokkal körbeépítve, azonban az alapját megértettem: a böngészőben a textarea tag interaktív felületté változtatása az egész HTML megerőszakolása Javascript segítségével. Ez van.

Én itt a blogon még mindig kézzel írogatom be a HMTL-tageket, mert a másik probléma, hogy az ilyen szerkesztők szeretnek szemetelni. Ez persze a ritkábbik eset, sokkal inkább a lassúság és a nem várt működés a jellemző.

Munkák során viszont nem tehetjük meg, hogy a mezei számítógépes tudással rendelkező felhasználónak azt mondjuk, írjál HTML-tageket. Már csak azért sem, mert ha elírja, szétcsúszik az egész oldal. Marad tehát egy szerkesztő beépítése. Na de melyiké, hát, vajon, nyilván a TinyMCE.

A TinyMCE-vel nekem viszont csak a bajom volt. Amennyire megszerettem a jQuery-t és egy tucat más által írt kód felhasználását, a TinyMCE-t annyira megutáltam. Rengetegszer széttúrja az oldalt, nehéz testre szabni, lassú, csúnya, nagy. Nem akarom bántani a fejlesztőket, mert a TinyMCE egy zseniális és hatalmas projekt, nekem ettől függetlenül nem bizonyult jó választásnak.

CKEditor

Hosszas kutatás után végül a CKEditor mellett döntöttem. Sok-sok TinyMCE nem igazán van, talán ez a kettő ami még szóba is jöhet.

Rengeteg előnye van, például hogy érzékelhetően gyorsabb, kényelmesebb a beállítása, kevesebbszer akad össze más Javascript kódokkal (OS X alatt futó Chrome mellett például a TinyMCE rendszeresen szeretett szétesni, mai napig nem tudjuk miért), nem pop-up ablakokat használ és nekem a kinézete is jobban tetszik, bár ez szubjektív.

Hátránya eddig egy van: a generált kódot magától igazítja, így tabulátorokkal és szóközökkel látja el a HTML-forrást, azonban erre még nem találtam megoldást, hol lehetne kikapcsolni. Annyira hozzáteszem nem is kerestem.

Bátran ajánlom mindenkinek kipróbálásra, aki hasonló megoldást keres.

Kommentek RSS ikon
A bejegyzéshez érkezett kommentek, amiket RSS csatornán is követhetsz.
Hmm jónak látszik, megnézem. Én anno szintén kutakodás után találtam rá a widgEditorra, nekem eddig az jött be legjobban. Azt csiripelték anno a madarak, hogy jQuery plugin formájában is létezik, igaz nem ezen a néven, de arra már nem emlékszek pontosan.
Ha sikerül rájönnöd, hogy miként oldható meg benne, hogy a Word-ből beillesztett szöveg mellé ne rakjon ezer sor meta taget, és bassza össze az oldalt azt megköszönném, mert akárhol használtam a wordből mindig gond van.
Igen, Wordből másoláskor sajnos tud érdekes dolgokat csinálni, ezt tapasztaltam én is, és egyelőre megoldásom sincs rá, viszont a TinyMCE-nél szerintem akkor is sokkal jobb…
Van egy gomb hogy „Paste from Word”, bar sajnos a CTRL+V-re valo bindolas ennel bonyolultabb.
Régóta használom (még az FCKeditor-os időkből)… Akkor sebességben verte a TinyMCE, de mióta nevet váltottak és a core-t átírták valami iszonyatosan gyors lett a cucc. Én is csak ajánlani tudom.
Mefi: így van, de az ügyfelek nem értik meg… :) Ezért lenne érdekes a ctrl+v -s verzio
smv: jQuery-vel szerintem meg tudod oldani, illetve a doksiban láttam valami bindolással kapcsolatos dolgot, például azt hogy a default beillesztés az a wörd legyen, illetve hogy beillesztéskor minden formázást tüntessen el.
Bár nem pontosan ugyanez a műfaj, de nekem a markdown markup tetszik leginkább, olyan autopreview megoldással, amit a stackoverflow.com használ. Hasonló a textile és a restructuredtext is.
És azt hogy lehet elérni hogy a „ő” és „ű” karakterek helyett ne kérdőjelek jelenjenek meg? Nekem sehogy sem jön össze :(
heloka: UTF-8-ban kódolva elvileg helyesen jelennek meg. ISO alatt meg elvileg ismételten, mert alapjáraton a latin kódolás engedélyezve van.
és ezt a php fájlban a meta leírásban kellene beállítani vagy valahol a szkriptben? Mert én próbáltam az utf-8-at miután az iso nem működött.Az egyetlen különbség amit tapasztaltam az az volt hogy kettő kérdőjel jelent meg egy helyett…
erenon: Simán beírva és előnézettel, mint az SO-n, vagy valami wysiwyg editorral, mint ez? http://markitup.jaysalvat.com
Maerlyn: Nem láttam különösebb különbséget az SO és a linkelt megoldás között. Amit én kedvelek:
* simán írhatod
* látod azonnal alatta
* ha valami nem megy akkor van gui is (mint a linkelt megoldásban)
* ha még így sem megy, van könnyen átlapozható doc.

Belátom, hogy nagyon komplex szöveghez nem menő, és egyszeri user számára talán kényelmetlen is.
Új komment

Itt az adott bejegyzésben elhangzottakhoz szólhatsz hozzá. Ha primitív, csúnya, vagy bunkó erkölcsről teszel tanúbizonyságot, tuti, hogy kimoderállak és rosszat mondok rólad. A hozzászólás nem kötelező, amit írsz vállald föl!

Ezeket az adatokat - ha a böngésződ kezeli a kukikat - csak egyszer kell megadnod, később módosíthatod.

Ha van gravatarod - és a gravataros e-mail-címeddel kommentálsz -, akkor az megjelenik. Ha nincs, vagy nem tudod miaz, akkor olvasd el az útmutatót és regisztrálj.

Neved: E-mail címed (nem jelenik meg): Webszájtod (ha van): Kommented: Mennyi négy és három összege?
Ez védelmi célokat szolgál, szimplán írd be a fenti összeadás összegét!

A kommentedet írhatod nagyobb mezőbe vagy akár formázhatod is, de ha nem szalonképes, akkor moderálom!

Ajánló
Ebben a témában, esetleg ezen a napon voltak még ilyenek is:

Két bosszantó apróság (2008. július 25., 11:55:45)
Opera 9 beta 2 (2006. május 23., 04:41:09)
Valid statgép kód (2006. február 03., 10:16:05)

Érdekességek
Száraz számok, pusztán csak tények:

Ez a bejegyzés 706 napja született, 515 szóból, és 2489 karakterből áll. Ajánlhatod bizonyos linkgyűjtő oldalaknak: