Wiki source code of ContentEditable

Version 9.1 by mflorea on 2010/07/06 17:58
Show last authors
1 {{html}}
2 <script type="text/javascript">
3 function onAction(hook){
4 var iframe = document.createElement('iframe');
5 iframe.style.border = '1px solid black';
6 iframe.addEventListener('load', function() {
7 iframe.contentWindow.document.body.innerHTML = '<p>before<button contentEditable="false" onmousedown="event.preventDefault(); console.log(event.type)" onmouseup="event.preventDefault()" onclick="event.preventDefault()">text</button>after</p>';
8 //iframe.contentWindow.document.designMode = 'on';
9 iframe.contentWindow.document.body.contentEditable = true;
10 iframe.focus();
11 }, false);
12 hook.parentNode.insertBefore(iframe, hook);
13 }
14 </script>
15 <button onclick="onAction(this)">Action</button>
16 {{/html}}