# j-MarkdownPreview

> Ce composant dépend du composant j-Markdown. Il utilise la bibliothèque highlight.js pour la mise en évidence de la syntaxe.

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

Ce composant dépend du composant `j-Markdown`. Il utilise la bibliothèque `highlight.js` pour la mise en évidence de la syntaxe.

- prend en charge la coloration syntaxique
- prend en charge YouTube, Vimeo et les iframes personnalisés
- prend en charge le rendu des graphiques à barres et des graphiques linéaires via ApexCharts

__Configuration__ :

- `showsecret` {String} un label pour l'affichage du secret (par défaut : `Show secret data`)
- `hidesecret` {String} une étiquette pour cacher le secret (par défaut : `Hide secret data`)
- `html` {Boolean} prépare le HTML interne (il attend le rendu Markdown) avec les utilitaires Markdown (syntaxe, secrets, liens, etc.)
- `headlines` {String} un lien vers la méthode `method(headlines)` sera exécuté lorsque les titres seront analysés comme des signets rapides

__Méthodes personnalisées__ :

- `component.readingtime()` renvoie le temps de lecture approximatif en minutes
- `component.redraw(jquery_el)` applique la coloration syntaxique, les iframes et les graphiques pour l'élément `el`

Utilisez-le avec `<ui-component name="markdownpreview">`. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans `DEF.fallback` (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>
```