JSFiddle - React, Tailwind, and code Playground

by Gabriele Petrioli

HTML

<textarea id="source"></textarea>
<button id="convert">process</button>
<hr />
<textarea id="result"></textarea>
<hr />
copy the following in the first textarea to see the result

CSS

textarea{width:400px;height:100px;}

JavaScript

$('#convert').click(function(){
  var $html = $( $('#source').val() ).wrapAll('<div />').parent();
    
    // manipulate html
  $('tr:even', $html).addClass('table_even');
    
    //show altered html
    $('#result').val($html.html());
});