JSFiddle - React, Tailwind, and code Playground

by George Y

HTML

<span data-editableproperty="text"><span style="font-family: ABeeZee;"><span style="font-size: 39px;"><em>fdsfdsfdsjkljkl</em></span></span><span style="font-style: italic; font-family: 'Advent Pro';"><br></span><span style="font-family: Helvetica,sans-serif;"><strong>klk;lk;lk;lfdsf<br>fsdfsd<span style="font-style: italic;"><br>fsd<br>f<br></span>sd<br>f</strong></span></span>

JavaScript

var divs =$('span[data-editableproperty="text"]').children().toArray()
//console.log(divs)
for(var i = 0; i < divs.length; i++)
    console.log(isBold(divs[i]));

function isBold(node){

     var childNodes = node.childNodes;
  // console.log(node)
   console.log(childNodes)
     for(var i = 0; i < childNodes.length; i++){
     if(childNodes[i].nodeType == 3 && 			childNodes[i].parentNode.tagName == 'STRONG' || childNodes[i].parentNode.outerHTML.match(/font-weight:\s*([^';">\s]+)/gi)!==null){
     return true;
     }
     
     
         if(childNodes[i].nodeType != 3 && (
             childNodes[i].tagName == 'B'
            || childNodes[i].tagName == 'STRONG')){
            return true;
            }else{
            return false;
            }
      }
}