JSFiddle - React, Tailwind, and code Playground

by sarathsprakash

HTML

<p id="data">data here</p>
<p id="wtf">hi</p>

JavaScript

$(function () {
    $.ajax({
        type: 'post',
        url: "/echo/html/",
        dataType: "html",
        success: function (data) {
            $('#data').text(data);
            var b=$(data).find('#link');
            $(b).find('img').remove();           
          var str1= $(b).html();
          var len =$(data).find('#link').text().length;
         
          var brlen = $(data).find('br').length;
var str2 = str1.replace(/(([^\s]+\s\s*){50})(.*)/,"$1…");

            
             $('#wtf').html(str2);
            $("br+br").remove();
            alert(len+'.'+brlen);
        },
        data: {
            html: '<!DOCTYPE html><head><title><\/title><link href="../css/popup.css" rel="stylesheet" /><\/head><body><ul><li><a class="disabled" id="link">content<b> hell how are you here</b>&nbsp;ghfhgfhgjhjhgffjhgjhfdgfhgdsgfdsgfdsgfgdsfgdgfdgfhgdfhgfhghjfghfghfgfghjfghjfghjgfhjgfhgggghghjghfhgfgfghjfghfjghfjhgjfghhgfhgfhgjfhgjfghjgfhjgfhf<br><br><br>hjgdshhf<img src="#"/><\/a><\/li><\/ul><\/body><\/html>',
            delay: 1
        }
    });
});