# j-MarkdownPreview

> Tento komponent závisí od komponentu j-Markdown. Na zvýraznenie syntaxe používa knižnicu highlight.js.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: sk
Content-SHA256: 7670159ed942c0edf7f84df2452440ec2f28d93e07a28d527993a8ee82401c58
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Tento komponent závisí od komponentu `j-Markdown`. Na zvýraznenie syntaxe používa knižnicu `highlight.js`.

- podporuje zvýrazňovanie syntaxe
- podporuje YouTube, Vimeo a vlastné prvky iframe
- podporuje vykresľovanie čiarových a čiarových diagramov prostredníctvom ApexCharts

__Konfigurácia__:

- `showsecret` {String} označenie pre zobrazenie tajomstva (predvolené: `Show secret data`)
- `hidesecret` {String} štítok na skrytie tajomstva (predvolené: `Hide secret data`)
- `html` {Boolean} pripravuje vnútorné HTML (očakáva vykreslené Markdown) s nástrojmi Markdown (syntax, tajomstvá, odkazy atď.)
- `headlines` {String} odkaz na metódu `method(headlines)` sa vykoná, keď budú nadpisy analyzované ako rýchle záložky

__Vlastné metódy__:

- `component.readingtime()` vracia približný čas čítania v minútach
- `component.redraw(jquery_el)` používa zvýraznenie syntaxe, prvky iframe a grafy pre prvok `el`

Použite ho so `<ui-component name="markdownpreview">`. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v `DEF.fallback` (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

```html example.html
<ui-component name="markdown"></ui-component>
<ui-component name="markdownpreview" path="markdown"></ui-component>

<script>
	var markdown = '# Hello world\n\Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius, illo.\n\n```javascript\nalert(\'Markdown Preview\');\n```';
</script>
```