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	wakaba	1.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>