Changes for page ContentEditable
Last modified by mflorea on 2010/07/06 16:39
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,15 +1,11 @@ 1 1 {{html clean="false"}} 2 2 <style type="text/css"> 3 -span.readOnly -selected::selection {3 +span.readOnly::selection { 4 4 background: #AAA; 5 5 } 6 -span.readOnly -selected::-moz-selection {6 +span.readOnly::-moz-selection { 7 7 background: #AAA; 8 8 } 9 -span.readOnly { 10 - border: 1px dashed #777; 11 - padding: 3px; 12 -} 13 13 </style> 14 14 <script type="text/javascript"> 15 15 function onAction(hook){ ... ... @@ -16,7 +16,7 @@ 16 16 var iframe = document.createElement('iframe'); 17 17 iframe.style.border = '1px solid black'; 18 18 iframe.addEventListener('load', function() { 19 - iframe.contentWindow.document.body.innerHTML = '<p>before<span contentEditable="false" class="readOnly"onclick="this.className=\'readOnlyreadOnly-selected\'">text</span>after</p>';15 + iframe.contentWindow.document.body.innerHTML = '<p>before<span contentEditable="false" onclick="this.className=\'readOnly\'">text</span>after</p>'; 20 20 //iframe.contentWindow.document.designMode = 'on'; 21 21 iframe.contentWindow.document.body.contentEditable = true; 22 22 iframe.focus();