j-MarkdownPreview

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20

Este componente depende do componente j-Markdown. Ele usa a biblioteca highlight.js para o alerta de síntese.

- Apoio à sintaxe
Suporte ao YouTube, Vimeo e iframes personalizados
Suporte para renderização de barchart e linechart através da ApexCharts

Configuração:

showsecret {String} um rótulo para a exibição de segredo (default: Show secret data)
hidesecret {String} um rótulo para esconder segredos (default: Hide secret data)
html {Boolean} prepara o HTML interno (espera a marcação renderada) com utilidades de marcação (syntax, segredos, links, etc.)
headlines {String} um link para o método method(headlines) será executado quando as cabeças serão parsed como marcadores rápidos

Métodos personalizados:

component.readingtime() retorna tempo de leitura em minutos
component.redraw(jquery_el) aplica iluminação sintética, iframas e gráficos para o elemento el

Use-o com <ui-component name="markdownpreview">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>