j-MarkdownPreview

jComponent 20 · jcomponent@20 component Esempio caricato con jComponent 20

Questo componente dipende dal componente j-Markdown. utilizza la biblioteca highlight.js per l'accento di sintesi.

Sostenere la sintesi
Supporta YouTube, Vimeo e iframe personalizzati
Supporta il rendering di barchart e linechart tramite ApexCharts

Configurazione:

showsecret {String} un'etichetta per la visualizzazione del segreto (default: Show secret data)
hidesecret {String} un'etichetta per nascondere il segreto (default: Hide secret data)
html {Boolean} prepara HTML interno (è in attesa di Markdown renderato) con utilità Markdown (sintax, segreti, link, ecc.)
headlines {String} un collegamento al metodo method(headlines) verrà eseguito quando i titoli saranno parsi come biglietti veloci

Metodi personalizzati:

component.readingtime() ritorna il tempo di lettura approfondito in minuti
component.redraw(jquery_el) applica l'accento di sintasi, iframi e grafici per l'elemento el

Utilizzare con <ui-component name="markdownpreview">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>