Editor pro vkladani prispevku - anketa

pratele, mam na vas takovou anketni otazku, ktera je uzce spojena s prepisem valka.cz do noveho havu, na kterem pracuji. Jeden z ukolu, ktery jsem si dal, je zbavit se vseho "zbytecneho" a nepouzivaneho balastu, ktery se nam tu v prubehu doby, vzdy pod dobrou zaminkou, naakumuloval, a ktery svemu ucelu neslouzi, resp. neslouzi v takove mire, v jake "zatezuje".
Tou zatezi si muzete predstavit bud muj cas, ktery musim venovat udrzbe ci rozvoji dane funkce, jeji migrace do novych verzi, udrzovani a opravovani chyb atd, ale i vas cas, ktery musite travit cekanim, nez se neco nacte.


Jeden z techto prvku, na ktery mam "spadeno", je editor pro vkladani prispevku, tedy abychom si rozumeli, totok





Proc? Protoze skripty, ktere tento editor pro svuj beh vyzaduje, jsou OBROVSKE, cca 500kB, coz je zhruba 1/6 vsech prenasenych dat na nasi strance, s vyjimkou reklam. Proto je asi na miste se zamyslet nad tim, do jake miry jej vlastne pouzivame, a jake funkce z nej "potrebujeme", pripadne kam bychom se chteli ubirat dal v oblasti vkladani prispevku.


Na obrazku vyse je videt to hlavni, co editor vlastne umi:
1) psani prosteho textu
2) tlacitka pro rychle vlozeni nejakeho preddefinovaneho tagu / znacku, ale bez nejakych slozitejsich funkci.
3) zvyrazneni tagu / znacek v prispevku barevne
4) zvyrazneni datumu v prispevku barevne
5) pro linkator, spise takova technicka vec, oznacit cast textu a umoznit kliknutim "obalit" jej tagy / znackami. (to zde uvadim pro uplnost, linkator vzdy zustane zachovan, jen toto historicky byl desnej voser a v ruznych prohlizecich to fungovalo ruzne, proto mi tenkrat editor v tomto velmi pomohl, ale doba jiz vyrazne pokrocila a da se to resit snaze).


Proto ma prvni otazka zni: jake funkce z vyse uvedeneho jsou pro vas dulezite, ktere pouzivate, a kterych si treba vubec nevsimate?


Druha otazka: pouzivate ta tlacitka nad editorem pro vkladani znacek?


A ted jeste trochu povidani, nez polozim otazku treti.
Historicky toto forum a web zacinaly na platforme zvane phpBBforum, kde existovaly kategorie, temata, uzivatele, kteri po zaregistrovani mohli vkladat prispevky a ty formatovat pomoci sady tagu / znacek. To jsou ty veci v hranatych zavorkach, ktere tak dobre znate. Myslenka byla tenkrat, pred temi rekneme 18 lety takova, ze nebylo snadne delat primo HTML, takze se vybrala podmnozina znacek, misto <> (ktere pouziva jazyk HTML) se daly do [] a pak se vzdy pri zobrazeni kazdeho prispevku provadi transformace z toho "bb tagu" do "html", ktere prohlizec umi zobrazit.


Ma to sve vyhody a nevyhody.
Mezi vyhody patri to, ze je to jen znacka, kterou programator na pozadi muze libovolne transformovat v libovolnou sadu jedne ci vice znacek HTML, pridat formatovani, a zmenit celou podobu, aniz by se musel vracet a predelavat vsechny prispevky, kde jsou dane znacky / tagy pouzite. Zaroven je to zjednodusena verze HTML, protoze ten v kazde znacce nabizi podstatne vic parametru, nez kolik jich mate k dispozici zde (resp. u rady z nich parametr neni zadny, proste udelate [ b ] a hotovo. Ale treba odkaz [ url= ] uz je prave parametr toho URL, na ktere chcete odkazovat. Muzeme vytvaret i dalsi, nove, vlastni znacky, ktere v HTML neexistuji (ty ruzne nadpisy tabulek, vycentrovane obrazky a radu a radu dalsich), ale ktere se na pozadi nejakym zpusobem do HTML transformuji.


A ted nevyhody. Nevyhoda patrna z vyse uvedeneho textu je prave ta transformace. Kazdy prispevek se musi vzit, nacist z databaze, a provest nad nim onu transformaci. Muzete si to predstavit jako sadu SEARCH AND REPLACE, najdi a nahrad prikazu, ktere znate treba z wordu. Pokud najdes BB TAG neconeco, tak ho nahrad HTML tagem necojinyho. A to teprve lze poslat do prohlizece, ktery to uzivateli zobrazi. Existuji cesty, jak to docasne obejit, ze se takto zpracovany prispevek na chvili ulozi do pameti, a kdyz ho bude chtit jeste nekdo jiny, tak se rovnou, bez transformace, znovu posle, ale to uz je obezlicka resici vyse uvedeny problem. Druhy problem je, ze neexistuje vlastne zadny pekny, z hlediska dat "maly" editor, ktery by BB kody / tagy umel nejen vkladat, ale rovnou zobrazovat. Rikame tomu WYSIWYG editor (what you see is what you get), kde nepouzivate na formatovani znacky, ale proste pisete a z menu si vybirate formaty, stejne jako kdyz pisete ve wordu. na pozadi ty znacky samozrejme jsou, ale vas to vubec nemusi zajimat, vy proste pisete, udelate nadpis, bold, cokoliv, a rovnou vidite jak to bude v prispevku vypadat. Nekoukate na zmet znacek a textu, ale jen na vysledny text. To zadny moderni editor s BB TAGY proste neumi, a pokud, tak jen castecne. Tabulky a podobne ficury co tu mame v tom nikdy nebudou fungovat bez obrovskeho mnozstvi prace. Naopak HTML WYSIWYG editoru existuje pestra paleta a je docela snadne je rozsirovat a obohacovat. Jako WYSIWIG editor funguje napriklad nas editor clanku, protoze ten uz je v HTML a tam zadne nase specialni BB znacky nejsou, vystupem je rovnou HTML a u clanku take nedochazi k tak masivnimu "predzpracovani" nez se zobrazi.


Treti otazka tedy zni: dokazete si predstavit, ze misto psani napul textu, napul znacek a kodu, prejdeme na jednotny editor tak, jak je treba nas editor clanku, a zacneme psat rovnou v HTML? pro technicky mene zdatne verim, ze to nebude znamenat NIC, jen proste zapomenete BB znacky, ktere jsme tu pouzivali, a zacnete misto nich pouzivat fuknce z nejakeho menu v ramci noveho editoru. Nic vic. Pro technicky zdatnejsi jedince tam bude u funkce "prepnout do zdrojoveho kodu", kde se da ledacos upravit (Janko asi vi, o cem mluvim, ze zkusenosti prave s editorem clanku). Porad se nebavime o umozeni nejakeho velkeho a sloziteho formatovani, velikosti pisem a podobnych hovadin, to tu NEPOTREBUJEME. Budou dal 2-3 urovne nadpisu, bold, italic, podtrzeni, tabulky, videa z youtube, twitter, obrazky a ty nase specialni znacky napriklad pro zahlavi tabulek, tabulky s prehledy, zmensene obrazky a vsechny dalsi znacky ktere znate, jen nebudou (zjednodusene receno) v hranatych zavorkach, ale spicatych ... Kazdopadne krome sablon-tabulek drtiva vetsina nasich prispevku neobsahuje ZADNE formatovani, je to nejcasteji jen prachobycejny text Je to tedy pro vas nejak tragicke, ze bychom se takto prepli a zahodili v budoucnu cely BB kod s jeho transformacemi a presli na cisty HTML, bez nejakeho mezikroku?

Používam tlačítko ZDROJE, potom " (citácia), odkaz na YUTUBE, TWITTER, PROLINK, SÚRADNICE a samozrejme nápovedu, kde sú všetky ostatné nezobrazené kódy. Občas PODNADPIS. Typ písma, linkator a vlajkator riešom klávesovými skratkami, URL a indexy SUP, SUB si pamätám z hlavy.


U seba nevidím problém s nahradením BB kódv niečim iným, ak bude k dispozícii tá nápoveda v podobnej podobe ako je tam dnes. Za mňa tie tlačítka len skracujú vkladanie, pretože nemusím vypisovať kódy, ale robí to automaticky.

POužívám nadpis, podnadpis, zdroje, linkátor a vlakátor otvírám přes klávesové zkratky. B, I, U, X2 se hodí vždycky, citace taky. Obrázky jsem přes link nevkládal ani nepamatuju. Občas používám prolink. Preformated jsem úplně zapoměl že existuje, přitom to vypadá docela užitečně.
Přechodu na html se nebráním, asi by to lecos zjednodušilo.

Používam najčastejšie:
- Nadpis
- Podnapis
- ZBL
- Citace
- Odkaz


Vlajkátor a linkátor, ako aj typy písma riešim prostredníctvom klávesových skratiek.


Prechod na čistý HTML vítam.👋

1. text jasný, ty značky ano (více viz níže), zvýraznění tagu mi pomáhá, stejně tak u datumů, linkátor super (akorát mi prostě čas od času funguje, nebo naopak nefunguje; paradoxně s vlajkátorem problém nemívám)
   
   
   
2. v nějaké míře používám téměř všechny (asi vyjma PRE a DROPCAP, ale to proto, že nepíšu žádné texty-články), na klasiku B, I, U, linkátor a vlajkátor používám klávesové zkratky, ty specializované na automatické vypisování nepoužívám zas tolik (AWARDS_LIST, AWARDS_UNIT, ...), ale jsou dle mího názoru velmi přínosné (tam jejich používání závisí na zaměření každého soudruha)
   Celkem dost si je pamatuji z hlavy, ale takhle je vkládat, to dělám jen když musím, protože to vyžaduje přepínání klávesnice (kvůli hranatým závorkám, vlnovkám) a já jich mám několik a pak musím na win liště (kterou mám schovávací) kontrolvat, kam až jsem se přepnul;, ale to je můj boj
   
   
   
3. asi i dokážu, upřímně mne baví psát s tím, že vidím formátovací značky / tagy, ale pakliže by se přešlo na WYSIWIG s možností přepnout do "pokročilího módu", kde bych je též viděl, nevidím v tom problém. No a kdyby to nešlo, tak se holt přizpůsobím, zas tak zásadní věc to pro mne není
   

jj, v podstate smeruju k necemu takovemu


https://quilljs.com/


pripadne podobnemu editoru, ktery proste rovnou "ukazuje" vysledek, bez toho prebytecneho haraburdi znacek, ktere, a to si rekneme uprimne, dokaze spoustu lidi odradit, protoze to vypada slozite. A holt asi musime jit s dobou a udelat to jednodussi ... vsechny ty specificke znacky, co tu mame, bych prevedl do HTML, protoze se nechci vzdat toho chovani, kde si nekde na pozadi reknu, jak ma treba tag AWARDS_LIST presne vypadat a jak se ma vykreslit (jako tabulka osobnosti, s fotkami atd), takze to zustane. Jen se zmeni system jak se to dela a to formatovani uz si udela prohlizec sam, protoze to uz je normalni funkcionalita vseobecne dostupna ve vetsine modernich prohlizecu (ne, opera na mobilu to mozna neumi, ale fakt neresim prohlizece ktere pouziva 50 z nasich 150 tisic uzivatelu mesicne, stejne tak jako jestli nekdo jeste sebemrskacsky jede na Internet Exploreru 6.0 ). Takze zatim jsem ve fazi hledani neceho, co je
1) relativne male
2) relativne schopne
3) umi to pracovat s temito vlastnimi definovanymi znackami
4) umi to zobrazit vysledny HTML kod pro rucni upravy, pokud je chut ci potreba zajit az tak daleko
5) umi to barevne zvyraznovat nektere casti tohoto HTML kodu pro snazi orientaci a editaci


Jinak by vse melo fungovat jako doposud, tedy dvojklik-editace, tabulky, sablony atd, veskere tyto finesy by mely zustat tak jak jsou, jen proste vysledek a cesta k nemu bude technicky trochu jina.


Jeste k te napovede, ta samozrejme bude, ale myslim ze v takovem editoru nebude proste potreba. Budete vkladat pomoci volby z menu, typu "sem chci vlozit seznam jednotek s timto vyznamenanim". Vyskoci okno a rekne, "Hele, jake je ID tematu vyznamenani". Zapisete 12345, date OK, a hotovo, rovnou vidite vysledek te znacky (pripadne ze se to cele pokakalo, takze rovnou smazete a vlozite znova ). Jo, proste novy editor by byl vyrazne interaktivnejsi nez to co mame ted, kde to je sice mozna "rychlejsi", ale je to take takove vic "hardcore" pro novacky nebo lidi ne tak technicky zdatne, ktere to proste od vkladani odradi.


zaroven s tim pripravuju zasadni rozsireni vkladani priloh, abychom se zbavili omezeni jen peti priloh na prispevek, to by take melo nektera vkladani fotek vyrazne zjednodusit (copy-paste funkce jak je ted zustane zachovana).


mozna, a v nekterych editorech jsem to videl, umoznim vkladani nekterych specifickych oblasti, ci jak to nazvat, Treba rozviraci a zaviraci seznamy (aka karusely), nebo treba "table of contents", obsahu, a podobnych, ktere by umoznili vetsi variabilitu pri psani clanku. Ale je to jen "mozna", pokud to technologie umozni a pujde to snadno, proc ne. Pokud by to mel byt vopruz nebo nejaka nejista implementace, tak se bez toho obejdeme, jako poslednich 25 let (ano pratele, letos je tomu 25 let ...)

Z Editoru používám či používal jsem:
Nadpis/Podnadpis - používal jsem, když jsem psal dlouhé texty
B/I/U - většinou už píšu ty BB tagy než mačkám tlačítka
ZBL - používal jsem kdysi dávno, teď se snažím rovnou založit tabulku
Obrázek - většinou už spíše píšu ten BB tagy než mačkám tlačítko (používám hlavně u různých přehledů techniky a tam je to součást složitější kombinace, kterou spíše kopíruju od někud, kde to již je použité)
Odkaz - velmi zřídka, nyní dominuje linkátor
YT - ale jen zřídka
Tweet - hodně často
Smajlík - ale velmi zřídka
Prolink - ještě méně
Nápověda - občas používám, když zapomenu třeba BB tagy na tvorbu odrážkového seznamu


Ostatní v podstatě vůbec nepoužívám.


Ty BB tagy používám ručně hlavně pro odrážkové seznamy, tabulky a tabulky s obrázky. Přes tlačítko tweet. Přes linkátor odkazy.


Klidně WYSIWIG a rovnou HTML na pozadí, jak píšeš, když zůstane nějak jednoduše možnost vkládat ty tweety, dělat odkazy, tabulky a odrážkové seznamy.

Vlajkátor a linkátor riešim prostredníctvom klávesových skratiek.
Ostatné používam podľa obrázku. Linkovanie v článku mi zdá sa ide, tak by to pre mňa nemal byť problém.
Napadlo ma teraz, ak sa prejde na nový formát, bolo by možné spraviť video tutorial aspoň základných funkcií? Pre mňa a ktovie, aj pre nových účastníkov na Válke?

Zdroje
Linkátor
b
i
u
superscript
citácia
odkaz
youtube
vlajky


Ja ako jednoduchý prispievateľ/moderátor kvantum vecí ani neovládam. Vzhľadom na to, že som pred rokmi objavil nejaké tabuľkovanie údajov, tak v tomto smere sa niekedy vyžívam. Ocenil by som tak "tlačidlo na , a . Alebo mi poraďte klávesové skratky. Lebo ručne to písať je niekedy riadne demotivujúce.