Markdown v Joomle

MaK.
12. bře 2016 18:10 #126230
Čau Joomlisté, používáte někdo pro psaní textů, článků značkovací jazyk Markdown? Pokud ano, jak text dostáváte do Joomly?

Editor JCE by s Markdown už snad měl brzy umět: www.joomlacontenteditor.net/support/forum/markdown
TinyMCE, ani JCK zatím asi ještě ne.

Co je Markdown? Viz cs.wikipedia.org/wiki/Markdown

Jakékoliv info na téma Markdown + Joomla uvítám.

MaK.

--- -- -

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
12. bře 2016 22:32 #126235
Markdown používám, ale ne v rámci Joomly.
Markdown se používá např. na GitHub, nebo bitbucket k vytvoření popisových stránek, nebo např. na readthedocs.com k vytváření dokumentace.
Syntaxe je popsaná tady daringfireball.net/projects/markdown/syntax
Jak zkompilovat markdown do html třeba tady www.mkdocs.org/

Do Joomly by asi šla podpora doplnit jednoduše nějakým content pluginem. Vypnout Wysiwyg editor, psát pouze v markdown a až v okamžiku zorazení převést markdown na HTML. Na druhou stranu ale je markdown asi určen spíš pro něco jiného např. tu jednoduchou dokumentaci, než na komplexní stránky.

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od H13
12. bře 2016 23:34 - 12. bře 2016 23:43 #126238
Pokud máš českou klávesnici, je to celkem složitý

Pokud chci něco na Githubu označit jako kód, jednoduše bych to udělal přes tag code, nebo přes něco jako bb tag [ code ]

Bylo by to celkem rychlý:
[ code ]nějaky kod[ /code ]

Jenže musím pokaždé hledat dokumentaci Githubu a kopírovat tři pro nás neobvyklý apostrofy (backticks):

```nějaký kód```


Markdown byl stvořenej, aby se ten text dal případně číst bez transformace na html, ale kolikrát mi to příjde mnohem nepřehlednější

###### This is an H6 ==> [ h6 ]This is an H6[ h6 ]

Možná ten text bude čitelnější než kdyby obsahoval bb tagy, ale hledat na český klávesnici ty různý znaky, to je kolikrát opravdu těžký.

~~This was mistaken text~~

Já raději html nebo bb tagy, pokud bych psal něco, co by mělo být zobrazený jak txt nebo html, raději úplně bez formátování.

Phoca Gallery - http://www.phoca.cz/phocagallery - obrázková galerie (Joomla!)
Phoca Guestbook - http://www.phoca.cz/phocaguestbook - kniha návštěv (Joomla!)
Phoca Download - http://www.phoca.cz/phocadownload - stahování souborů (Joomla!)
Phoca Cart - http://www.phoca.cz/phocacart - e-shop,...

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
13. bře 2016 01:19 #126239
Ty h6 už jsou čitelný hůř to je pravda, ale pokud se držíš h1, h2, ul apod. tak je to v txt formě docela hezky čitelný:
Nadpis 1
========

Lorem ipsum dolor sit amet [text odkazu][odkaz1], 
consectetur adipiscing elit.

Nadpis 2
--------

Lorem ipsum dolor sit amet [text odkazu][odkaz2], consectetur adipiscing elit.

![Obrázek 1](images/example.png) 

Nadpis 2
--------

  * seznam položka 1
  * seznam položka 2

[odkaz1]: http://www.example.com/page1
[odkaz2]: http://www.example.com/page2

Docela jsem si na to u dokumentace zvykl. Zpětný uvozovky jsou sice složitý na napsání, ale nic co by nevyřešilo Ctrl+C / Ctrl+V :)

Ale že bych v tom psal web si moc představit neumím...

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od H13
13. bře 2016 17:39 - 13. bře 2016 17:44 #126247

Zpětný uvozovky jsou sice složitý na napsání, ale nic co by nevyřešilo Ctrl+C / Ctrl+V


A to je právě to, co mi vadí, nejenom, že musím najít dokumentaci a vložit to do schránky, ale taky mě to právě vymaže ten kód ve schránce.

Mám např. php kód ve schránce, napíšu [ code ]CTRL+V[ code ] a je to. Teď to dělám tak, že musím najít dokumentaci, zkopírovat tři backticks a pak znovu zkopírovat kód, kterej chci vložit.

Chápu ten důvod vzniku, já sám nejraději používám jen text, takže bych to měl spíš obhajovat, ale prostě pro českou klávesnici a pro mě osobně je to složitý :-(

Připomíná mi to šablonovací systémy, který jsem kdysi používal, něco jako:

<div>[ $abc ]</div>
<div>[ foreach ]
[ if ] ... [ endif ]
.. [ endforeach ]</div>

a pak si člověk řekne, proč to nepsat rovnou, zase tolik psaní navíc to není, aby kvůli tomu člověk musel používat nabobtnalou knihovnu, která ten systém při převodu zatěžuje a zpomaluje.

Phoca Gallery - http://www.phoca.cz/phocagallery - obrázková galerie (Joomla!)
Phoca Guestbook - http://www.phoca.cz/phocaguestbook - kniha návštěv (Joomla!)
Phoca Download - http://www.phoca.cz/phocadownload - stahování souborů (Joomla!)
Phoca Cart - http://www.phoca.cz/phocacart - e-shop,...

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od MaK.
14. bře 2016 00:23 #126250
Díky za reakce, zajímavé podněty!

Asi jsem měl zmínit, že Markdown používám (zatím) jen pro přenos článků do webu na Joomle a na export ebooků do epub, mobi. Do té doby se mi často stávalo, že se s textem přenesl nějaký bordel.

Šlo to sice řešit zkopírováním a vložením plain textu, ale to bych přišel o odkazy, boldy, kurzívy, odrážky, a musel vše znovu formátovat v Joomle. Pro tento účel mi Markdown vyhovuje.

Vy, coby mistři kódu, asi máte jiné potřeby a vyšší nároky.

Testuju stackedit.io , umí ukládat na DropBox i Google Drive, maká dobře, ukazuje náhled finální podoby. Do Joomly přenos zatím řeším vygenerováním HTML - je to na dva kliky.

Osobně jsem H6 snad ještě nikdy nepoužil, možná ani H4. Alespoň při psaní článku ne. Na kódování webu se takové zanoření asi hodí.

Jakou mají v Markdown funkci 3 apostrofy ```? Pro citaci kódu? Co to krkolomné kopírování řešit nějakou fičurou schránky s pamětí?

Markdown je podporován například i aplikacemi Trello, Coggle.

Zatím jsem třeba nepřišel například na:

- jak do odkazu nacpat informaci, aby se otevřel v novém okně
- jak napsat nedělitelnou mezeru

Ještě musím postudovat :)

MaK.

--- -- -

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od H13
14. bře 2016 11:07 #126252
Ahoj, já jsem markdown přesně nestudoval, vypadá to, že ty tři apostrofy, přesněji řečeno backticks (neznám českej výraz) jsou rozšíření markdownu na githubu, v základu jsem je neviděl.

Zatím jsem třeba nepřišel například na:

- jak do odkazu nacpat informaci, aby se otevřel v novém okně
- jak napsat nedělitelnou mezeru


To je přesně to, s čím jsem narazil i u těch šablonovacích systémů, pokud to používáš jako základ, je to dobrý, ale pokud chceš nějakou specialitu, tak se zase musíš vrátit ke zdroji - v tomto případě k html.

Je to jako s editorem HTML - pokud píšu jednoduchej text, pak ho jednoduše napíšu v tinymce, atd. ale pokud chci něco složitějšího, přepnu prostě do html zdrojovýho kódu, a napíšu si to v html přímo.

U Markdownu by to bylo složitější, píšeš text v markdown syntaxi a pokud chceš otevřít link v novým okně, napíšeš ten kousek textu v html? A co další atributy odkazu, atd.

nové okno:
stackoverflow.com/questions/3492153/mark...en-a-new-window-link
stackoverflow.com/questions/4425198/markdown-target-blank

nowrap:
stackoverflow.com/questions/20769127/non...in-markdown-document

Takže se může stát, že nakonec skončíš s dokumentem, co bude obsahovat kus markdownu a kus html - takový kočkopes, aby to bylo jednotný, makrdown použít nebudeš moct, protože mu prostě budou chybět části instrukcí.

PS: No původně jsem si chtěl jen postěžovat, že se mi špatně píše kód, protože nemůžu najít backticks na mé klávesnici, ale čím víc to objevuju, tím víc bariér - pro mě osobně - přibývá.

No snad z toho nevznike návod, proč markdown nepoužívat :-), možná by bylo dobrý poslat autorovi nějakej feedback, jestli by nebylo možný markdown o ty chybějící funkce rozšířit. Např. u toho nowrapu by to mělo být celkem jednoduchý.

Phoca Gallery - http://www.phoca.cz/phocagallery - obrázková galerie (Joomla!)
Phoca Guestbook - http://www.phoca.cz/phocaguestbook - kniha návštěv (Joomla!)
Phoca Download - http://www.phoca.cz/phocadownload - stahování souborů (Joomla!)
Phoca Cart - http://www.phoca.cz/phocacart - e-shop,...

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
14. bře 2016 11:23 #126253
Ty "Backticks" je stejný znak jako se používá v MySQL pro "quotevání" (fuj to je výraz) názvů sloupců a tabulek. Asi to není nejvhodnější znak, ale na anglické klávesnici je hned vedle klávesy 1 (vlevo nahoře). Standardně se používá jeden (inline code) nebo 2 (block code), 3 je asi opravdu specialita Github.

Jinak ano, pokud chceš speciality, markdown umí vkládat HTML, ale pak máš mix HTML a markdown. Jak jsem psal, markdown je jednoduchá forma zápisu, primárně určená pro dokumentaci, použití na webu, nebo v rámci Joomly by asi bylo dost krkolomný.

Ale např. ve spojení s readthedocs.org mi umožňuje rychlé a snadné vytváření dokumentace. Zdrojáky v markdown mám uložené v Gitu, jednoduše edituju v texťáku, a ReadTheDocs si automaticky změny stáhne a zkompiluje do HTML podoby.

Co se týče šablonovacích systémů, vždy sem se jim spíš bránil, ale poslední dobou si hraju s Latte (z Nette) a líbí se mi čím dál víc. Je to spíš takové začlenění šablonovacího systému do HTML než HTML do šablonovacího systému. Něco jako má Joomla tagy <jinclude>.

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od MaK.
14. bře 2016 21:01 #126258
Mazec. Vypadá to, že jsem narazil na hranice možností Markdown a budu si tedy muset pomáhat via HTML B)

"quotevání", to je taky mazec :)

Když si tak vybavuju, Wikipedia má pro editaci něco podobného jako Markdown, myslím.

Díky za odkazy na návody! Projdu, otestuju.

MaK.

--- -- -

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.