j-MarkdownPreview

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Acest component depinde de componenta j-Markdown. Folosește biblioteca highlight.js pentru accentul de sinteză.

susține sinteza de evidență
Suport pentru YouTube, Vimeo și iframe personalizate
suportă înregistrarea de diagrame și linii prin ApexCharts

Configurarea:

showsecret {String} o etichetă pentru afișarea secretului (default: Show secret data)
hidesecret {String} o etichetă pentru a ascunde secretul (default: Hide secret data)
html {Boolean} pregătește HTML intern (acesta așteaptă înregistrarea Markdown) cu utilități Markdown (syntax, secrete, link-uri etc.)
headlines {String} un link la metoda method(headlines) va fi executat atunci când titlurile vor fi parse ca note rapide

Metode personalizate:

component.readingtime() întoarce timpul de lectură aproximat în minute
component.redraw(jquery_el) aplică evidențierea sintaxă, iframe și diagrame pentru elementul el

Utilizați-l cu <ui-component name="markdownpreview">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>