j-CodeMirror

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

Wsparcie dla wielu kursorów (shift + cmd + arrow-down/up)
obsługuje znalezienie wybranego tekstu (cmd + d)
Wsparcie dla custom scrollbars

Konfiguracja:

Typ type {String} dla podkreślenia syntaxowego (default: htmlmixed)
required {Boolean} umożliwia „potrzebne” (default: false)
linenumbers {Boolean} pokazuje liczby linii (default: false)
Ikony icon {String} dla etykiety bez fa- np. home, cog, itp.
Wysokość sterowania height {Number} (default: 200 px)
etykieta label {String} (default jest treścią HTML)
disabled {Boolean} odwołuje się do tego składnika
tabs {Boolean} umożliwia indent z zakładkami (default: false)
trim {Boolean} wykonuje automatyczne tryb i usuwa pusty start/end (default: false)
parent {String} może ustawić wysokość na podstawie elementu rodzinnego
margin {Number} - margina wysokości
minheight {Number} minimalna wysokość dla opcji parent (default: 200)

Metoda:

component.insert('some text') wprowadza tekst do bieżącego położenia kursora

Użyj go z <ui-component name="codemirror">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja 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>