JSFiddle - React, Tailwind, and code Playground

by isuelt

HTML

<script src="http://www.local-deals.net/js/highlightRegex.min.js"></script>
<style type="text/css">
/*<![CDATA[*/
<!--
.highlight {
      background: yellow;
      text-decoration: underline;
    }

textarea 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px;
    /* font-weight: bold; */
    line-height: 2;
    word-spacing:-.5px;
}
input { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px;
    background-color:#ffffcc;
}
//-->
/*]]>*/
</style>

<div contenteditable="true" style="line-height: 1.8; text-align:left; margin:1 px; background-color: #ffffcc; padding: 0px; height: 10em; width:100%;  " class="edit_area" name="Description_div" id="Description_div">  6 am - 11 pM ,    Palma Sola Elementary, 6806 Fifth Ave NW, Bradenton, FL 34209 Come find just near the dsfsd sa fsa fasdf asfsds 5001 west your momma doesn't live here my 2005 ford ranger, 
</div>

JavaScript

function highlight_desc() {
   
    // $('#Description_div').highlightRegex(/\s+(\d{2,5}\s+)(?![a|p]m\b)(([a-zA-Z|\s+]{1,5}){1,2})?([\s|\,|\.]+)?(([a-zA-Z|\s+]{1,30}){1,4})(court|ct|street|st|drive|dr|lane|ln|road|rd|blvd)([\s|\,|\.|\;]+)?(([a-zA-Z|\s+]{1,30}){1,2})([\s|\,|\.]+)?\b(AK|AL|AR|AZ|CA|CO|CT|DC|DE|FL|GA|GU|HI|IA|ID|IL|IN|KS|KY|LA|MA|MD|ME|MI|MN|MO|MS|MT|NC|ND|NE|NH|NJ|NM|NV|NY|OH|OK|OR|PA|RI|SC|SD|TN|TX|UT|VA|VI|VT|WA|WI|WV|WY)([\s|\,|\.]+)?(\s+\d{5})?([\s|\,|\.]+)/i);
    
   $('#Description_div').highlightRegex(/\b(\d{2,5}\s+)(?![a|p]m\b)(NW|NE|SW|SE|north|south|west|east|n|e|s|w)?([\s|\,|\.]+)?(([a-zA-Z|\s+]{1,30}){1,4})(court|ct|street|st|drive|dr|lane|ln|road|rd|blvd)/i);   
    
   
}

highlight_desc();