j-Wiki

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

Doskonały element dla inline Wiki/Dokumentacja.

Wsparcie - mody ciemne

Konfiguracja:

title {String} tytuł (default: Wiki)
datasource {String}` ścieżka do źródła danych (nauka z przykładu)
width {Number} w standardowej szerokości (default: 400)

Użyj go z <ui-component name="wiki">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja MIT.

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>