j-CodeMirror

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

Поддържа много курсори (shift + cmd + arrow-down/up)
Поддържа намирането на избрания текст (cmd + d)
Поддържайте персонализираните скалбарки

Конфигуриране:

Тип на type {String} за синтаксично подчертаване (предварително: htmlmixed)
required {Boolean} позволява „необходимо“ (предварително: false)
linenumbers {Boolean} показва линиите (предварително: false)
icon {String} икона за етикет без fa- например home, cog, и т.н.
Контролна височина на height {Number} (предварително: 200 px)
label {String} етикет (предварително е HTML съдържание)
disabled {Boolean} деактивира този компонент
tabs {Boolean} позволява индентите с табчета (предварително: false)
trim {Boolean} изпълнява автоматично и премахва празни линии за начало/край (дефолт: false)
parent {String} може да се определя височина от родителски елемент
margin {Number} Маргарита за височина
minheight {Number} минимална височина за опция parent (предварително: 200)

Методът:

component.insert('some text') въвежда текст в текущата позиция на курсора

Използвайте го с <ui-component name="codemirror">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на 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>