JSFiddle - React, Tailwind, and code Playground

by teleclimber

HTML

<div id="editor" contentEditable="true">
    <p>Hello <a href="http:/google.com">Austria</a></p>
</div>
<div id="feedback"></div>

JavaScript

var editor = document.getElementById('editor');
var feedback_elem = document.getElementById('feedback');

editor.addEventListener('keyup', feedback );
setInterval( feedback, 1000 );

function feedback() {
   
    var sel = window.getSelection();
    //var range = sel.getRangeAt(0);
    
    console.log( sel );
    
    //html += '<br />starts in node 2? ';
   // html += (range.startContainer == node2 ? 'yes' : 'no');
   
//    feedback_elem.innerHTML = html;
}