<!DOCTYPE html> | |
<html> | |
<body> | |
<p id="description">This tests inserting a text in the middle of a text node. You should see "1 Two 3" below.</p> | |
<pre id="test" contentEditable="true" style="border:1px solid black"> | |
<b>1 <i>2 3</i></b> | |
</pre> | |
<script src="../../resources/dump-as-markup.js"></script> | |
<script> | |
getSelection().selectAllChildren(document.querySelector('i')); | |
var text = document.querySelector('i').firstChild; | |
getSelection().setBaseAndExtent(text, 0, text, 1); | |
document.execCommand('InsertHtml', false, 'Two'); | |
Markup.description(document.getElementById('description').textContent); | |
Markup.dump('test'); | |
</script> | |
</body> | |
</html> |