JSFiddle - React, Tailwind, and code Playground

by Nayana Das

JavaScript

var md ="#######Snow White and the Seven Hashtags"

function markdownParser (markdown) {
  if(/\s/g.test(markdown)){
      if(markdown.endsWith(" ")){
        markdown = markdown.replace(/\s*$/,"");
      }
      var result = markdown.split(" ");
      var hashStr = result[0];
      result.shift();
      console.log(result);
      var joined_result = hashStr+result.join(" ");
      if(hashStr.startsWith("#")){
        if(hashStr=="#"){
          joined_result = joined_result.replace(/[\#]{1}(.+)/g, '<h1>$1</h1>');
        }
        else if(hashStr=="##"){
          joined_result = joined_result.replace(/[\#]{2}(.+)/g, '<h2>$1</h2>');
        }
        else if(hashStr=="###"){
          joined_result = joined_result.replace(/[\#]{3}(.+)/g, '<h3>$1</h3>');
        }
        else if(hashStr=="####"){
          joined_result = joined_result.replace(/[\#]{4}(.+)/g, '<h4>$1</h4>');
        }
        else if(hashStr=="#####"){
          joined_result = joined_result.replace(/[\#]{5}(.+)/g, '<h5>$1</h5>');
        }
        else if(hashStr=="######"){
          joined_result = joined_result.replace(/[\#]{6}(.+)/g, '<h6>$1</h6>');
        }
      }
    return joined_result;
  }
  else{
    return markdown;
  }
}

 //md = md.replace(/[\#]{2}(.+)/g, '<h2>$1</h2>');


console.log("result    "+markdownParser(md));