JSFiddle - React, Tailwind, and code Playground

by kentnl

HTML

<pre id="output"></pre>
<pre id="data">
Line one.
# a commented line.
not a commented line.
</pre>

CSS

pre { 
    border: 1px solid #000;
    padding: 5px;
    margin: 5px;
}
body {
    color: #777;
}

JavaScript

$(function($){

    var o = $("#output");
    
    var data=$("#data").text();
    
    var lines = data.match(/(^.+(\n|$))/gm);
    var filtered_lines = $.map(lines, function( val , idex ){ 
        if( val.match(/^#/ ) ){
            return val;
        }
        return val.replace(/\n/, '<NL>' );
    });
    o.text(  filtered_lines.join("") ); 
    
    
    //console.log(lines);
  
});