j-MarkdownPreview

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

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.

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>