# j-MarkdownPreview

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

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: es
Content-SHA256: fe3374d8883cdf65e13311b24ab5669ad4707d03132d01585090eb60b7b4a161
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

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.

```html 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>
```