j-CodeMirror

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

podporuje viacero kurzorov (shift + cmd + arrow-down/up)
podporuje nájdenie vybraného textu (cmd + d)
podporuje vlastné posuvníky

Konfigurácia:

Typ type {String} pre syntaxové zvýraznenie (predvolené: htmlmixed)
required {Boolean} povolí "povinné" (predvolené: false)
linenumbers {Boolean} ukazuje čísla (predvolené: false)
icon {String} ikona pre značku bez fa- napr. home, cog, atď.
Výška kontroly height {Number} (predvolená: 200 px)
label {String} štítok (predvolené je obsah HTML)
disabled {Boolean} odstraňuje túto zložku
tabs {Boolean} umožňuje indent s tabuľkami (predvolené: false)
trim {Boolean} vykonáva automatický pohon a odstraňuje prázdne začiatočné/koncové línie (predvolené: false)
parent {String} môže nastaviť výšku podľa rodičovského prvku
margin {Number} na výšku
Minimálna výška minheight {Number} pre možnosť parent (predvolená: 200)

Metóda:

component.insert('some text') vloží text do aktuálnej polohy kurzu

Použite ho so <ui-component name="codemirror">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

example.html

<div style="width:500px">
	<ui-component name="codemirror" path="html" config="type:htmlmixed;required:true;height:200">HTML editor</ui-component>
</div>

<script>
	var html = '<h1>HELLO WORLD</h1>';
</script>