JSFiddle - React, Tailwind, and code Playground
HTML
<textarea id="code"></textarea>
JavaScript
var valid = '``` someLanguageCode'+
'<span>some html inside markdown code block</span>'+
'```'; // Valid string
var broken = '``` someLanguageCode'+
'<span>some html inside markdown code block</span>'; //Markdown not closed (broken string)
var not_valid = '<span>Me is outside.</span>'+
'``` someLanguageCode'+
'<span>some html inside markdown code block</span>'+
'```'; // Not valid string
var s = not_valid; //Change this to test
document.getElementById('code').innerHTML = check_html_in_markdown(s);
function check_html_in_markdown(s){
s = s.split(/```/);
//Check if markdown blocks are closed correctly
var is_broken = false;
if(s.length % 2 == 0){ //odd number of markdown ``` means not closed
is_broken = true;
alert('Markown is broken');
}
if(!is_broken){
var in_markdown = false;
for(var i in s){
in_markdown = i % 2 == 1;
if(!in_markdown){
//Code to find HTML-Tags and replace them
s[i] = s[i].replace(/<[a-z\/][^>]*>/g, ' **Your replacement** ');
} else {
//Here you can do nothing or check with a HTML-Parser if there is valied HTML
}
}
}
return s.join('```');
}