html/edit/designmode-html.html

<!DOCTYPE html>
<html lang="en">
<head>
<title>designMode in HTML</title>
</head>
<body>
<h1><code>designMode</code> in HTML</h1>

<p>
<iframe id="edit" src="test-html-iframe.html"
onload="this.contentWindow.document.designMode = 'on'"
style="width: 90%; height: 20em">NO SUPPORT FOR 
<code>iframe</code></iframe>
</p>

<h2>Source (w/o outermost tags)</h2>

<p><button onclick="
  document.getElementById ('result').innerText = '';
  document.getElementById ('result').textContent = '';
  document.getElementById ('result').appendChild
    (document.createTextNode (document.getElementById ('edit')
                                      .contentWindow.document
                                      .documentElement.innerHTML));
">Update</button></p>

<pre id="result"></pre>

</body>
</html>
1	<!DOCTYPE html>
2	<html lang="en">
3	<head>
4	<title>designMode in HTML</title>
5	</head>
6	<body>
7	<h1><code>designMode</code> in HTML</h1>
8
9	<p>
10	<iframe id="edit" src="test-html-iframe.html"
11	onload="this.contentWindow.document.designMode = 'on'"
12	style="width: 90%; height: 20em">NO SUPPORT FOR
13	<code>iframe</code></iframe>
14	</p>
15
16	<h2>Source (w/o outermost tags)</h2>
17
18	<p><button onclick="
19	document.getElementById ('result').innerText = '';
20	document.getElementById ('result').textContent = '';
21	document.getElementById ('result').appendChild
22	(document.createTextNode (document.getElementById ('edit')
23	.contentWindow.document
24	.documentElement.innerHTML));
25	">Update</button></p>
26
27	<pre id="result"></pre>
28
29	</body>
30	</html>