j-MarkdownPreview

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

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.

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>