html/edit/contenteditable-xhtml.html

<!DOCTYPE html>
<html lang="en">
<head>
<title>@contentEditable in XHTML</title>
</head>
<body>
<h1><code>@contentEditable</code> in XHTML</h1>

<p>
<iframe id="edit" src="contenteditable-xhtml-iframe.xhtml"
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>@contentEditable in XHTML</title>
5	</head>
6	<body>
7	<h1><code>@contentEditable</code> in XHTML</h1>
8
9	<p>
10	<iframe id="edit" src="contenteditable-xhtml-iframe.xhtml"
11	style="width: 90%; height: 20em">NO SUPPORT FOR
12	<code>iframe</code></iframe>
13	</p>
14
15	<h2>Source (w/o outermost tags)</h2>
16
17	<p><button onclick="
18	document.getElementById ('result').innerText = '';
19	document.getElementById ('result').textContent = '';
20	document.getElementById ('result').appendChild
21	(document.createTextNode (document.getElementById ('edit')
22	.contentWindow.document
23	.documentElement.innerHTML));
24	">Update</button></p>
25
26	<pre id="result"></pre>
27
28	</body>
29	</html>