j-Markdown

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Tato složka obsahuje pouze Markdown parser.

Konfigurace:

highlight {Boolean} umožňuje auto-syntaxní zvýšené světlo (předvolené: true)
charts {Boolean} umožňuje renderování grafů Apex (předvolené: false)
cdn {String} je výchozí adresa URL CDN pro závislost třetí strany (důvodní: DEF.cdn)

Markdown nastavení:

var opt = {};
var text = 'YOUR_MARKDOWN_STRING';

console.log(text.markdown(opt));

opt.wrap = true odstraňuje výstup s <div class="markdown">YOUR_MARKDOWN</div>
opt.linetag = 'p' je standardní novinka
opt.ul = true umožňuje neúplné seznamy
opt.code = true umožňuje přizpůsobené kódy
opt.images = true umožňuje obrázky
opt.links = true umožňuje
opt.formatting = true umožňuje základní formátování textu
opt.icons = true umožňuje Font-Awesome ikony prostřednictvím nebo
opt.tables = true umožňuje tabulky
opt.br = true umožňuje nové linky prostřednictvím
opt.emptynewline = true prázdné linky budou přiděleny jako prázdná linie
opt.headlines = true umožňuje titulky
opt.hr = true umožňuje přerušení stránky
opt.blockquotes = true umožňuje blokové kvóty < blockqote
opt.custom = function(line) { return line; } pro každou zpracovanou linku
opt.html = function(line, type) { return line; } pro každou postprocesovanou linku
opt.sections = true umožňuje sekce > section
opt.footnotes = true umožňuje noční poznámky #1: foot note description a používání ve spojeních [link](#1)
opt.urlify = true konvertuje adresy URL na odkazy
Klíčové slovo opt.keywords = true ve formě keyword
opt.noredraw = true přehrávač kódů / videa / sekce / blokových částí (předvolené: false)
opt.element {jQuery} HTML prvek, který bude používán jako výchozí prvek FUNC.markdownredraw()
opt.bookmarks {Boolean} umožňuje/nemůže vytvářet titulní znaky id="" (předběžně: true)
opt.prefix {String} je předpověď pro číslice (podmínkou: empty)
NEW: opt.ol = true umožňuje objednané seznamy

Dobré vědět:

Obraz bude s třídou img-responsive
Obrázky s budou formátovány jako obrázek
Obrázky s budou zobrazovány jako obrázek s třídou gallery namísto img-responsive.
Všechny odkazy jsou s atributem _target="_blank"
Markdown registry FUNC.markdownredraw(jQuery_selector, [markdown_options]) pro přehodnocení dynamických prvků Markdown, jako je kódový záznam, videa nebo grafy
Tajná sekce je definována jako kód s syntaxem secret
třída markdown-small může snížit velikost písma
událost ON('markdown', function(el, opt) {}) se provádí, pokud je označení předem odesláno (el {jQuery} je prvek <body ve většině případů)
Přípravek Thelpers.markdown([opt]) Helper
Každá řada obsahuje třídu markdown-line a atribut data-line="line_number".

Srovnatelná část:

::: Section name
Another markdown content
:::

• Inline používání

<ui-markdown config="code:true|false (default);small:true|false (default)">
	<script type="text/plain">
		YOUR MARKDOWN CONTENT
	</script>
</ui-markdown>

Použijte ji s <ui-component name="markdown">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

example.html

<ui-component name="info"></ui-component>
<ui-component name="markdown" config="highlight:false"></ui-component>

<ui-bind path="markdown" config="html:Thelpers.markdown(value)" class="block"></ui-bind>

<hr />

<ui-markdown>
	<script type="text/plain">
# Hello world!

Inline markdown defined in `<ui-markdown>` element.
	</script>
</ui-markdown>

<script>
	var markdown = '# Hello `world`\nLorem ipsum dolor sit amet, **consectetur** adipisicing elit. Eius [1](#1), ~~illo~~.\n\n> This is a simple blockquote\n\n< And this one is section\n\n```javascript \nalert(\'Markdown Preview\');\n```\n\n::: Toggleable section\nHello world!\n:::\n\n```secret\nHello world\n```\n\n#1: footnote';

	$(document).on('mouseenter mouseleave click', '.markdown-footnote', function(e) {
		if (e.type === 'mouseenter' || e.type === 'click') {
			var el = $(this);
			var opt = {};
			opt.element = this;
			opt.offsetX = 10;
			opt.html = $('.markdown-footnotebody[data-id="{0}"]'.format(el.attrd('id'))).html();
			SETTER('info/show', opt);
		} else
			SETTER('!info/hide', true);
	});

</script>