j-MarkdownPreview

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Deze component is afhankelijk van de j-Markdown-component. het gebruikt de highlight.js bibliotheek voor syntax highlight.

Ondersteunt syntax
ondersteunt YouTube, Vimeo en aangepaste iframes
ondersteunt barchart en linechart rendering via ApexCharts

Configuratie:

showsecret {String} een etiket voor het tonen van geheim (default: Show secret data)
hidesecret {String} een label om het geheim te verbergen (default: Hide secret data)
html {Boolean} bereidt de interne HTML (het verwacht geïntroduceerde Markdown) met Markdown-tools (syntax, geheimen, links, enz.)
headlines {String} een link naar de methode method(headlines) zal worden uitgevoerd wanneer de titels als snelle boekmarken worden geparst

Custom methoden:

component.readingtime() geeft ongeveer leestijd in minuten terug
component.redraw(jquery_el) maakt syntax-opmerking, iframes en grafieken van toepassing op het element el

Gebruik het met <ui-component name="markdownpreview">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>