blob: d96e1c2d0d929d5314032e1d7140e1b75aeae90f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<script>
function onLoad() {
const button = document.querySelector("button");
// For emulating the traditional behavior, collapse Selection to end of the
// <button> which is the deepest last child of the <body>.
getSelection().collapse(button, button.childNodes.length);
document.execCommand("styleWithCSS", false, true);
document.execCommand("delete");
document.querySelector("ul[contenteditable]")
.addEventListener("DOMNodeRemoved", () => {
const range = document.createRange();
range.setEndAfter(button);
getSelection().addRange(range);
getSelection().deleteFromDocument();
});
document.execCommand("outdent");
}
</script>
<body onload="onLoad()">
<ul contenteditable style="margin: -1px 0px 1px 6px">
<dd></dd>
<dd>
<button></button>></dd></ul></body>
|