j-MarkdownPreview

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

Este componente depende del componente j-Markdown. Utiliza la biblioteca highlight.js para resaltar la sintaxis.

admite resaltado de sintaxis
admite YouTube, Vimeo y iframes personalizados
admite representación de gráficos de barras y gráficos de líneas a través de ApexCharts

Configuración:

showsecret {String} una etiqueta para mostrar el secreto (predeterminado: Show secret data)
hidesecret {String} una etiqueta para ocultar el secreto (predeterminado: Hide secret data)
html {Booleano} prepara HTML interno (espera Markdown renderizado) con utilidades de Markdown (sintaxis, secretos, enlaces, etc.)
headlines {String} se ejecutará un enlace al método method(headlines) cuando los titulares se analicen como marcadores rápidos

Métodos personalizados:

component.readingtime() devuelve el tiempo de lectura aproximado en minutos
component.redraw(jquery_el) aplica resaltado de sintaxis, iframes y gráficos para el elemento el.

Úselo con <ui-component name="markdownpreview">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes 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>