# j-Wiki

> Gran componente para Wiki/Documentación en línea.

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

Gran componente para Wiki/Documentación en línea.

- admite __modo oscuro__

__Configuración__:

- `title {String}` un título (predeterminado: `Wiki`)
- `datasource {String}`` una ruta a la fuente de datos (aprenda del ejemplo)
- `width {Number}` un ancho predeterminado (predeterminado: `400`)

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

```html example.html
<style>
	body { background-color: #D0D0D0; }
</style>

<ui-component name="markdown"></ui-component>
<ui-component name="wiki" path="visible" config="datasource:wiki"></ui-component>

<script>

	var visible = true;
	var wiki = [];

	wiki.push({ name: 'Markdown', body: '# Markdown\nLorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam repellendus odit tempora iusto ea distinctio, illum. Accusamus fugiat, soluta optio!' });
	wiki.push({ name: 'Blockquotes', body: '# Markdown\n> Blockquote works correctly\n\n- list item 1\n- list item 2\n- list item 3' });
	wiki.push({ name: 'Syntax highlighter', body: '```javascript\nalert(\'OK\');\n```' });
	wiki.push({ name: 'Chart example', body: '# Great charts\n```barchart\nYear    |   Apples   |  Bananas   |   Oranges\n2009    |   80       |  40        |   70\n2010    |   40       |  50        |   300\n2011    |   20       |  70        |   120\n2012    |   100      |  50        |   80\n2013    |   300      |  150       |   40\n```\n\n# Line chart\n\n```linechart\nYear    |   Apples   |  Bananas   |   Oranges\n2009    |   80       |  40        |   70\n2010    |   40       |  50        |   300\n2011    |   20       |  70        |   120\n2012    |   100      |  50        |   80\n2013    |   300      |  150       |   40\n```' });
	wiki.push({ name: 'Video', body: '```video\nhttps://www.youtube.com/watch?v=FyIf2ZiYfT8\n```' });

</script>
```