j-CodeMirror

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Ondersteunt meerdere cursoren (shift + cmd + arrow-down/up)
ondersteunt het vinden van geselecteerde tekst (cmd + d)
Ondersteunt custom scrollbars

Configuratie:

type {String} type voor syntax (default: htmlmixed)
required {Boolean} maakt het mogelijk om "verplicht" te zijn (default: false)
linenumbers {Boolean} toont lijnnummers (default: false)
icon {String} icon voor etikettering zonder fa- bijvoorbeeld home, cog, enz.
De controlehoogte van height {Number} (de standaard: 200 px)
label {String} label (de standaard is HTML-inhoud)
disabled {Boolean} is het bestanddeel
tabs {Boolean} maakt indent mogelijk met tabs (default: false)
trim {Boolean} uitvoert auto-trim en verwijdert leeg begin/end lijnen (default: false)
parent {String} kan de hoogte worden bepaald door het parent element
margin {Number} een marge voor hoogte
minheight {Number} een minimumhoogte voor de optie parent (default: 200)

Methode:

component.insert('some text') voert een tekst in de huidige positie van de cursor

Gebruik het met <ui-component name="codemirror">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>