j-CodeMirror

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Stöd för flera kursorer (shift + cmd + arrow-down/up)
Stöd för att hitta valt text (cmd + d)
Stöd för custom scrollbars

Konfigurera:

type {String} typ för syntaxbelysning (default: htmlmixed)
required {Boolean} möjliggör ”nödvändigt” (default: false)
linenumbers {Boolean} visar radnummer (default: false)
icon {String}-ikonen för etikett utan fa- t.ex. home, cog, etc.
height {Number} kontrollhöjd (default: 200 px)
label {String} etikett (default är HTML-innehåll)
disabled {Boolean} inaktiverar denna komponent
tabs {Boolean} möjliggör indent med flikar (default: false)
trim {Boolean} utför automatiskt och tar bort tomma start- och slutlinjer (default: false)
parent {String} kan ställa upp höjden av föräldralementet
margin {Number} en marginal för höjd
minheight {Number} en minimal höjd för parent alternativ (default: 200)

Metoden:

component.insert('some text') lägger in en text i den aktuella positionen för kursorn

Använd den med <ui-component name="codemirror">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>