JSFiddle - React, Tailwind, and code Playground

HTML

<div contenteditable="true" id="editor">
  <b>Heading</b>
  <br/>
  Line 1
  <br/>
  Line 2
  <br/>
  Line 3
  <br/>
  Line 4
  <br/>
  Line 5
  <br/>
  <b>Heading</b>
</div>

CSS

#editor
{
  float:left;
  width:500px;
  background-color:#fff7e5;
  color:#000;
  height:200px;
  padding:10px;
  border:1px #333 solid;
}

JavaScript

$("#editor").on("keypress", function(){
alert("Please alert current line position on current caret position");
});