# j-MarkdownPreview

> Diese Komponente hängt von der Komponente j-Markdown ab. Für die Syntaxhervorhebung wird die Bibliothek „highlight.js“ verwendet.

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

Diese Komponente hängt von der Komponente `j-Markdown` ab. Es verwendet die Bibliothek `highlight.js` zur Syntaxhervorhebung.

- Unterstützt Syntaxhervorhebung
- Unterstützt YouTube, Vimeo und benutzerdefinierte Iframes
- Unterstützt die Darstellung von Balkendiagrammen und Liniendiagrammen über ApexCharts

__Konfiguration__:

- `showsecret` {String} eine Bezeichnung für die Anzeige des Geheimnisses (Standard: `Show secret data`)
- `hidesecret` {String} eine Bezeichnung zum Verstecken eines Geheimnisses (Standard: `Hide secret data`)
- `html` {Boolean} bereitet inneres HTML (es erwartet gerenderten Markdown) mit Markdown-Dienstprogrammen (Syntax, Geheimnisse, Links usw.) vor.
- `headlines` {String} Ein Link zur Methode `method(headlines)` wird ausgeführt, wenn die Schlagzeilen als schnelle Lesezeichen geparst werden

__Benutzerdefinierte Methoden__:

- `component.readingtime()` gibt die ungefähre Lesezeit in Minuten zurück
- `component.redraw(jquery_el)` wendet Syntaxhervorhebung, Iframes und Diagramme für das Element `el` an

Verwenden Sie es mit `<ui-component name="markdownpreview">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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