j-CodeMirror

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

admite múltiples cursores (shift + cmd + arrow-down/up)
admite la búsqueda de texto seleccionado (cmd + d)
admite barras de desplazamiento personalizadas

Configuración:

Tipo type {String} para resaltado de sintaxis (predeterminado: htmlmixed)
required {Boolean} habilita "requerido" (predeterminado: false)
linenumbers {Boolean} muestra los números de línea (predeterminado: false)
Icono icon {String} para etiqueta sin fa-, p. home, cog, etc.
Altura de control height {Number} (predeterminado: 200 px)
Etiqueta label {String} (el contenido predeterminado es HTML)
disabled {Boolean} desactiva este componente
tabs {Boolean} habilita sangría con pestañas (predeterminado: false)
trim {Boolean} realiza un recorte automático y elimina las líneas de inicio/final vacías (predeterminado: false)
parent {String} puede establecer la altura por elemento principal
margin {Number} un margen para la altura
minheight {Number} una altura mínima para la opción parent (predeterminado: 200)

Método:

component.insert('some text') inserta un texto en la posición actual del cursor

Úselo con <ui-component name="codemirror">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes 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>