JSFiddle - React, Tailwind, and code Playground

by Justin Breen

HTML

<pre><code><div class="beginning">
	<ul>
		<span>
			<div class="testing long classname this-class-should-wrap-tonewline"></div>
		</span>
		<li></li>
		<li></li>
		<li></li>
		<li>
			<ul>
				<li></li>
				<li></li>
			</ul>
		</li>
	</ul>
</div></code></pre>

JavaScript

var el = document.querySelector('code').innerHTML;

function ReplaceAngleBracketsToHtmlCode(strInput)
{   
    strInput = strInput.replace(new RegExp(['<'],"g"), "&lt;");
    strInput = strInput.replace(new RegExp(['>'],"g"), "&gt;");
  
    return strInput;
}

// alert(ReplaceAngleBracketsToHtmlCode("<Ravi>"));
alert(ReplaceAngleBracketsToHtmlCode(el));