j-CodeMirror

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

Suport pentru cursori multiple (shift + cmd + arrow-down/up)
susține găsirea textului selectat (cmd + d)
Suport pentru scrollbars

Configurarea:

Tipul type {String} pentru accentul de sinteză (default: htmlmixed)
required {Boolean} permite „required” (default: false)
linenumbers {Boolean} arată numărul de linii (default: false)
Iconul icon {String} pentru eticheta fara fa- de exemplu, home, cog, etc.
Înălțimea de control height {Number} (defață: 200 px)
Etichetă label {String} (default este conținutul HTML)
disabled {Boolean} dezactiva acest component
tabs {Boolean} permite indent cu taburi (default: false)
trim {Boolean} efectuează auto-trim și îndepărtează liniile goale de început / sfârșit (default: false)
parent {String} poate fi stabilit înălțimea elementului părinte
margin {Number} - o marjă pentru înălțime
minheight {Number} o înălțime minimă pentru opțiunea parent (default: 200)

Metodă:

component.insert('some text') introduce un text în poziția curentului

Utilizați-l cu <ui-component name="codemirror">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>