# j-MarkdownPreview

> Denna komponent är beroende av j-Markdown-komponenten. den använder highlight.js bibliotek för syntax highlights.

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

Denna komponent beror på `j-Markdown`-komponenten. den använder `highlight.js` bibliotek för syntax highlight.

- stödjer syntax understrykning
- Stöd för YouTube, Vimeo och anpassade iframes
- Stöd för barchart och linechart genom ApexCharts

__Konfigurera__:

- `showsecret` {String} en etikett för att visa hemlighet (default: `Show secret data`)
- `hidesecret` {String} en etikett för att dölja hemlighet (default: `Hide secret data`)
- `html` {Boolean} förbereder inre HTML (det förväntar sig renderad Markdown) med Markdown verktyg (syntax, hemligheter, länkar, etc.)
- `headlines` {String} en länk till metoden `method(headlines)` kommer att köras när rubrikerna kommer att pars som snabba bokmärken

__Custom metoder__:

- `component.readingtime()` returnerar ungefärlig lästid på minuter
- `component.redraw(jquery_el)` tillämpar syntaxbelysning, iframer och diagram för elementet `el`

Använd den med `<ui-component name="markdownpreview">`När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i `DEF.fallback` (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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