JSFiddle - React, Tailwind, and code Playground

by Imri Paloja

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<span>&nbsp;</span>
<p>In this paragraph is an <span>important</span> section</p>
<div><input type="text"></div>

<div id="EuroEditor" class="container">

  <div id="euroeditor-textarea" class="" spellcheck="false" contenteditable="true" onclick="WordCount()">
    <p class="intro">Write <strong>something.</strong></p>
  </div>
  
  
  <div id="euroeditor-tag-selected" style=""></div>

  
</div>

CSS

body {
  margin: 2px 3px;
}

*:selected {
  outline: none;
}

JavaScript

$( "#euroeditor-textarea *", document.body ).click(function( event ) {
  event.stopPropagation();
  var domElement = $(this).get(0);
  $("#euroeditor-tag-selected").first().text(domElement.nodeName);
});