j-CodeMirror

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

Υποστήριξη πολλαπλών κούρδων (shift + cmd + arrow-down/up)
Υποστηρίζει την εύρεση επιλεγμένου κειμένου (cmd + d)
Υποστήριξη Custom Scrollbars

ΕΠΙΤΡΟΦΗ:

Τύπος 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') εισάγει κείμενο στην τρέχουσα θέση του cursor

Χρησιμοποιήστε το με <ui-component name="codemirror">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το 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>