Wiki source code of ContentEditable

Version 15.1 by mflorea on 2010/07/06 18:20
Show last authors
1 {{html clean="false"}}
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<span contentEditable="false" class="readOnly" onclick="this.className=\'readOnly readOnly-selected\'">text</span>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}}