j-MarkdownPreview

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

Tento komponent závisí od komponentu j-Markdown. Na zvýraznenie syntaxe používa knižnicu highlight.js.

podporuje zvýrazňovanie syntaxe
podporuje YouTube, Vimeo a vlastné prvky iframe
podporuje vykresľovanie čiarových a čiarových diagramov prostredníctvom ApexCharts

Konfigurácia:

showsecret {String} označenie pre zobrazenie tajomstva (predvolené: Show secret data)
hidesecret {String} štítok na skrytie tajomstva (predvolené: Hide secret data)
html {Boolean} pripravuje vnútorné HTML (očakáva vykreslené Markdown) s nástrojmi Markdown (syntax, tajomstvá, odkazy atď.)
headlines {String} odkaz na metódu method(headlines) sa vykoná, keď budú nadpisy analyzované ako rýchle záložky

Vlastné metódy:

component.readingtime() vracia približný čas čítania v minútach
component.redraw(jquery_el) používa zvýraznenie syntaxe, prvky iframe a grafy pre prvok el

Použite ho so <ui-component name="markdownpreview">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia 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>