j-MarkdownPreview

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Denna komponent beror på j-Markdown-komponenten. den använder highlight.js bibliotek för syntax highlight.

stödjer syntax understrykning
Stöd för YouTube, Vimeo och anpassade iframes
Stöd för barchart och linechart genom ApexCharts

Konfigurera:

showsecret {String} en etikett för att visa hemlighet (default: Show secret data)
hidesecret {String} en etikett för att dölja hemlighet (default: Hide secret data)
html {Boolean} förbereder inre HTML (det förväntar sig renderad Markdown) med Markdown verktyg (syntax, hemligheter, länkar, etc.)
headlines {String} en länk till metoden method(headlines) kommer att köras när rubrikerna kommer att pars som snabba bokmärken

Custom metoder:

component.readingtime() returnerar ungefärlig lästid på minuter
component.redraw(jquery_el) tillämpar syntaxbelysning, iframer och diagram för elementet el

Använd den med <ui-component name="markdownpreview">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>