j-CodeMirror

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20

Suporte a múltiplos cursores (shift + cmd + arrow-down/up)
Suporte para encontrar texto selecionado (cmd + d)
Suporte para scrollbars

Configuração:

type {String} para a iluminação de síntese (default: htmlmixed)
required {Boolean} permite o “requisito” (default: false)
linenumbers {Boolean} mostra números de linha (default: false)
Icon icon {String} para a etiqueta sem fa- por exemplo, home, cog, etc.
Nível de controle height {Number} (default: 200 px)
label {String} (default é o conteúdo HTML)
disabled {Boolean} desabilita esse componente
tabs {Boolean} permite indent com tabs (default: false)
trim {Boolean} realiza auto-trim e remove linhas de começo/fim vazias (default: false)
parent {String} pode definir a altura por elemento parental
margin {Number} uma margem para altura
minheight {Number} uma altura mínima para a opção parent (default: 200)

Método:

component.insert('some text') insere um texto na posição atual do cursor

Use-o com <ui-component name="codemirror">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>