JSFiddle - React, Tailwind, and code Playground

by fiddleyetu

HTML

<textarea name="main_text" id="main_text" rows="10" cols="20">
    Start of text
    Press Enter somewhere here 
    Long long text .............
    End of text
</textarea>

JavaScript

$('textarea').keydown(function(ev){        
        if(ev.keyCode == 13){
            ev.preventDefault();
            var caretPos = this.selectionStart;
            var textAreaTxt = this.value;
            var txtToAdd = "\n";
            $(this).val(textAreaTxt.substring(0, caretPos) + txtToAdd + textAreaTxt.substring(caretPos) );
            var sePos = caretPos + txtToAdd.length
            this.setSelectionRange(sePos,sePos);
        }
    });