Avatar
martinkobelka
Redaktor
Avatar
martinkobelka:

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
Drahomír Hanák
Tým ITnetwork
Avatar
Odpovídá na martinkobelka
Drahomír Hanák:

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 Čápka
Tým ITnetwork
Avatar
Odpovídá na martinkobelka
David Čápka:

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
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
martinkobelka
Redaktor
Avatar
Odpovídá na David Čápka
martinkobelka:

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
Drahomír Hanák
Tým ITnetwork
Avatar
Odpovídá na martinkobelka
Drahomír Hanák:

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
Redaktor
Avatar
Odpovídá na Drahomír Hanák
martinkobelka:

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
Drahomír Hanák
Tým ITnetwork
Avatar
Odpovídá na martinkobelka
Drahomír Hanák:

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 Čápka
Tým ITnetwork
Avatar
Odpovídá na martinkobelka
David Čápka:

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
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na martinkobelka
David Čápka:

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
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Kit
Redaktor
Avatar
Odpovídá na David Čápka
Kit:

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 Čápka
Tým ITnetwork
Avatar
Odpovídá na Kit
David Čápka:

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
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
krtulník
Neregistrovaný
Avatar
Avatar
mkub
Redaktor
Avatar
Odpovídá na martinkobelka
mkub:

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.