Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test removing right block while joining it and parent left block</title>
<script>
addEventListener("load", () => {
const editingHosts = document.querySelectorAll("div[contenteditable]");
for (const editingHost of editingHosts) {
editingHost.focus();
const rightChildBlock = editingHost.querySelector("div > div > div");
getSelection().collapse(rightChildBlock.firstChild.firstChild, 0);
editingHost.addEventListener("DOMSubtreeModified", () => {
document.body.appendChild(rightChildBlock);
});
document.execCommand("delete");
}
});
</script>
</head>
<body>
<div contenteditable>
<div>parent<div><b>child</b></div>parent</div>
</div>
<div contenteditable>
<div>parent<div><b>child<br>2nd line</b></div>parent</div>
</div>
<div contenteditable style="white-space:pre">
<div>parent<div>child
2nd line</div>parent</div>
</div>
</body>
</html>