j-CodeMirror

jComponent 20 · jcomponent@20 component Esempio caricato con jComponent 20

Supporta i multi-cursori (shift + cmd + arrow-down/up)
Supporta la ricerca del testo selezionato (cmd + d)
Supporto per scrollbars

Configurazione:

Tipo type {String} per l'accento di sintasi (default: htmlmixed)
required {Boolean} permette “necessario” (default: false)
linenumbers {Boolean} mostra i numeri di linea (default: false)
L'icona icon {String} per l'etichetta senza fa- ecc. home, cog, ecc.
Altezza di controllo height {Number} (default: 200 px)
L’etichetta label {String} (contenuto predefinito HTML)
disabled {Boolean} disabilita questo componente
tabs {Boolean} consente indent con le schede (default: false)
trim {Boolean} esegue il ritmo automatico e rimuove le linee di inizio/finale vuote (default: false)
parent {String} Può essere determinato dall'elemento parentale
margin {Number} per un margine di altezza
minheight {Number} una altezza minima per l'opzione parent (default: 200)

Metodo:

component.insert('some text') inserisce un testo nella posizione corrente del cursore

Utilizzare con <ui-component name="codemirror">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>