<div id="playground" contentEditable="true"></div>
<textarea id="textarea_1">
	<ol id="ol_1">[<li id="li_3">leve1<ol><li id="li_4">level2</li></ol></li>]</ol>
</textarea>
<textarea id="textarea_2">
	<ol><li id="li_1">[leve1]<ol><li id="li_2">[level2]</li></ol></li></ol>
</textarea>
<textarea id="textarea_3">
	<p id="p_1">some[<span id="span_1">text</span>]</p>
</textarea>
<textarea id="textarea_4">
	<p id="p_2">so^me<span id="span_2">text</span></p>
</textarea>
<textarea id="textarea_5">
	<table>
		<tr id="