JSFiddle - React, Tailwind, and code Playground

by Rafael Boschini

HTML

<textarea id="insert" style="width:600px; height:80%;"></textarea>
<input id="execute" name="execute" type="submit" value="Execute">

<div id="processado" class="teste" style="display:none;">
</div>
<div id="result"><b>RESULTADO:</b><br>
</div>

<div id="hideOutput" style="display:none"></div>
  
</div>

JavaScript

$(document).ready(function() {

        function execute(){

            var conteudo = $('#insert').val();
  					$('#hideOutput').html(conteudo);
          
            $('#processado').html(conteudo);

            var links = $('#hideOutput').find('#processado a[href],#processado link[href],#processado script[src],#processado img[data-src]'); 
          
            $.each(links, function(index, item){
                var caminho =  $(item).attr('href') || $(item).attr('src') || $(item).attr('data-src') || 'Nothing';
                caminho = $(item).prop('tagName') + ":" + caminho;
                $.parseHTML($('#result').append(caminho + "<br>"));
            }); 
         }

        $('#execute').click(function(){
            execute();
        });
    });