Hasta hace poco usaba un textarea como un pequeño "editor de código" que hay en la aplicación que estoy haciendo en JS, y como editor de código que es, necesita permitir usar el <tab>
para indentar. Con el textarea, usaba este código:
codeBox.onkeydown = function(e){
if(e.keyCode==9 || e.which==9){
e.preventDefault();
var s = this.selectionStart;
this.value = this.value.substring(0,this.selectionStart) + " " + this.value.substring(this.selectionEnd);
this.selectionEnd = s + 4;
}
Sí, se usan 4 espacios en vez de tabs.
El problema es que he decidido cambiar el textarea por un div con ContentEditable (para cosas estilísticas del texto y cosas así), pero el código anterior ya no funciona, y la razón es que selectionStart
y selectionEnd
no son propiedades más que de inputs y textarea.
¿Alguna idea de cómo hacer esto para divs?