# j-MarkdownPreview

> Deze component is afhankelijk van de j-Markdown-component. het maakt gebruik van highlight.js bibliotheek voor syntax highlights.

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

Deze component is afhankelijk van de `j-Markdown`-component. het gebruikt de `highlight.js` bibliotheek voor syntax highlight.

- Ondersteunt syntax
- ondersteunt YouTube, Vimeo en aangepaste iframes
- ondersteunt barchart en linechart rendering via ApexCharts

__Configuratie__:

- `showsecret` {String} een etiket voor het tonen van geheim (default: `Show secret data`)
- `hidesecret` {String} een label om het geheim te verbergen (default: `Hide secret data`)
- `html` {Boolean} bereidt de interne HTML (het verwacht geïntroduceerde Markdown) met Markdown-tools (syntax, geheimen, links, enz.)
- `headlines` {String} een link naar de methode `method(headlines)` zal worden uitgevoerd wanneer de titels als snelle boekmarken worden geparst

__Custom methoden__:

- `component.readingtime()` geeft ongeveer leestijd in minuten terug
- `component.redraw(jquery_el)` maakt syntax-opmerking, iframes en grafieken van toepassing op het element `el`

Gebruik het met `<ui-component name="markdownpreview">`Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in `DEF.fallback` (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

```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>
```