j-CodeMirror

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

prend en charge plusieurs curseurs (shift + cmd + arrow-down/up)
prend en charge la recherche du texte sélectionné (cmd + d)
prend en charge les barres de défilement personnalisées

Configuration :

Type type {String} pour la coloration syntaxique (par défaut : htmlmixed)
required {Boolean} active "obligatoire" (par défaut : false)
linenumbers {Boolean} affiche les numéros de ligne (par défaut : false)
Icône icon {String} pour étiquette sans fa-, par ex. home, cog, etc.
Hauteur de contrôle height {Number} (par défaut : 200 px)
Étiquette label {String} (la valeur par défaut est le contenu HTML)
disabled {Boolean} désactive ce composant
tabs {Boolean} permet l'indentation avec des tabulations (par défaut : false)
trim {Boolean} effectue un découpage automatique et supprime les lignes de début/fin vides (par défaut : false)
parent {String} peut définir la hauteur par élément parent
margin {Number} une marge pour la hauteur
minheight {Number} une hauteur minimale pour l'option parent (par défaut : 200)

Méthode :

component.insert('some text') insère un texte à la position actuelle du curseur

Utilisez-le avec <ui-component name="codemirror">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>