Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: javascript wysiwyg editor

Aktivity
Avatar
martinkobelka
Tvůrce
Avatar
martinkobelka:19.8.2012 20:46

Doporučte mi prosím nějaký jednoduchý javascriptový wysiwyg editor. Pro moje účely je TinyMCE příliš robusní

 
Odpovědět
19.8.2012 20:46
Avatar
Odpovídá na martinkobelka
Drahomír Hanák:19.8.2012 20:56

WYSIWYG editory v JavaScriptu, co jsem zatím viděl, jsou celkem na nic. Generují špatný nevalidní kód a ještě u nich ztrácí význam zkratka WYSIWYG, protože výsledek pak vypadá úplně jinak. Jediný WYSIWYG, který ti můžu doporučit je http://redactorjs.com/ To je opravdu skvělý editor. Sice jsem ho nikde nepoužil, ale díval jsem se na kódy v JS a HTML, které to generuje a to je fakt paráda.

 
Nahoru Odpovědět
19.8.2012 20:56
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na martinkobelka
David Hartinger:19.8.2012 21:07

TinyMCE je šmejd, od toho raději ruce pryč. Vypadá to krásně, když se na to kliká, ale co z toho leze, to je hrůza.

Všechny tyhle WYSIWYGy jsou bastly, problém je totiž v tom, že WYSIWYG se na web nehodí. A to z velmi jednoduchého důvodu, protože HTML kód je (narozdíl např. od Wordového dokumentu) založen na významu, nikoli vzhledu.

Všimni si, že weby, co za něco stojí, WYSIWYGy nemají (např. Wikipedia). WYSIWYGy mají jen firmy, které si myslí, jaký jim to prodali skvělý editor a nevědí co to na pozadí dělá.

Nahoru Odpovědět
19.8.2012 21:07
You are the greatest project you will ever work on.
Avatar
martinkobelka
Tvůrce
Avatar
Odpovídá na David Hartinger
martinkobelka:19.8.2012 21:27

A jaký wysiwych používáte zde na devbooku pro přidávání článků? předpokládám, že je váš vlastní když všechny takhle zavrhujete.

 
Nahoru Odpovědět
19.8.2012 21:27
Avatar
Odpovídá na martinkobelka
Drahomír Hanák:19.8.2012 21:30

Se na to můžeš sám podívat :) Tady na Devbooku není použit WYSIWYG editor.

 
Nahoru Odpovědět
19.8.2012 21:30
Avatar
martinkobelka
Tvůrce
Avatar
Odpovídá na Drahomír Hanák
martinkobelka:19.8.2012 21:34

A proč teda je teda pod psaním článku odkaz na texy http://texy.info/cs/co-je-texy

 
Nahoru Odpovědět
19.8.2012 21:34
Avatar
Odpovídá na martinkobelka
Drahomír Hanák:19.8.2012 21:36

Tady se asi neshodneme na významu zkratky WYSIWYG :) Znamená What You See Is What You Get. Texy! má vlastní textovou syntaxi, kterou pak převede na HTML. Tím pádem se nejedná o WYSIWYG editor ;)

 
Nahoru Odpovědět
19.8.2012 21:36
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na martinkobelka
David Hartinger:19.8.2012 21:43

Zavrhujeme WYSIWYGy na webu. Nikdy jsem neřekl, že k psaní textu, který se potom vytiskne, není dobrý WYSIWYG. A také jsem nikdy neřekl, že se na web nehodí NON-WYSIWYG editory.

Abych jen nezavrhoval, tak ten Texy! je opravdu dobrý (je to český projekt). Existují i další podobné, např. Markdown (ten je anglický). Wikipedia používá podobnou notaci. Celý trik spočívá v tom, že vidíš vše, co se nakonec promítne jako HTML výstup. U TinyMCE si myslíš, že je vše v pořádku, ale máš v textu prázdné spany, tagy b, nbsp místo mezer a tak dále.

Nahoru Odpovědět
19.8.2012 21:43
You are the greatest project you will ever work on.
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na martinkobelka
David Hartinger:19.8.2012 21:46

Jo a další věc je, že uživatel si nesmí dovolit vložit něco, co mi web rozbije. Obvykle nechci, aby mi do článku vkládal divy, červené blikací písmo a podobné nesmysly. To je přesně to, co TinyMCE povoluje a jen abys to zakázal tak nad tím strávíš mládí.

Nahoru Odpovědět
19.8.2012 21:46
You are the greatest project you will ever work on.
Avatar
Kit
Tvůrce
Avatar
Odpovídá na David Hartinger
Kit:19.8.2012 23:32

Zajímalo by mne, zda jste použili Texy! v plné síle nebo jste ho nějakým způsobem upravovali, redukovali nebo rozšiřovali. V současné době používám Markdown, ale po Texy! pošilhávám a možná bych na něj také přešel.

Nahoru Odpovědět
19.8.2012 23:32
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Kit
David Hartinger:20.8.2012 8:31

V plné síle a na naprosto vše nám stačí. Jen highlightování kódu je řešeno přes handler a FSHL, ale to je tam někde jako example, použili jsme vše jako hotové řešení. Zjistil jsem, že projekt FSHL byl přepsán pro PHP 5.3 a pokračuje zde: http://fshl.kukulich.cz/

Nahoru Odpovědět
20.8.2012 8:31
You are the greatest project you will ever work on.
Avatar
krtulník
Neregistrovaný
Avatar
 
Nahoru Odpovědět
9.1.2014 19:02
Avatar
mkub
Tvůrce
Avatar
Odpovídá na martinkobelka
mkub:19.1.2014 6:13

plne suhlasim s ostatnymi... wisiwig editor nepatri do ruk weboveho vyvojara - vygenerovany kod je totalne zhnuseny, lepsie je sa naucit dokonale samotne tagy a webdesign a pomocou samotneho browseru a normalnym editorom so zvyraznovanim syntaxe by si mal zvladnut vytvarat staticky web a pri nauceni scriptovacich jazykov aj dynamicky

 
Nahoru Odpovědět
19.1.2014 6:13
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 13 zpráv z 13.