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