JSFiddle - React, Tailwind, and code Playground

by Siddharth Motwani

HTML

<div contentEditable=true data-ph="Subject of this message" maxlength = "10" id = "discussionsubject">
</div>

JavaScript

$("#discussionsubject").keypress(function(){
   //alert($("#discussionsubject").text().length);
   if($("#discussionsubject").text().length<10)
       return true;
    else
        return false;
    //$("#discussionsubject").text($("#discussionsubject").text().substring(0, 10));
});