Changes for page ContentEditable
Last modified by mflorea on 2010/07/06 16:39
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,7 +5,3 @@ 1 -{{velocity}} 2 -$xwiki.ssx.use("ContentEditable") 3 -{{/velocity}} 4 - 5 5 {{html clean="false"}} 6 6 <script type="text/javascript"> 7 7 function onAction(hook){ ... ... @@ -8,7 +8,7 @@ 8 8 var iframe = document.createElement('iframe'); 9 9 iframe.style.border = '1px solid black'; 10 10 iframe.addEventListener('load', function() { 11 - iframe.contentWindow.document.body.innerHTML = '<p>before<span contentEditable="false" class="readOnly" onclick="this.className=\'readOnly readOnly-selected\'">text</span>after</p>'; 7 + iframe.contentWindow.document.body.innerHTML = '<link rel="stylesheet" type="text/css" href="/xwiki/bin/ssx/Test/ContentEditable?language=en"/><p>before<span contentEditable="false" class="readOnly" onclick="this.className=\'readOnly readOnly-selected\'">text</span>after</p>'; 12 12 //iframe.contentWindow.document.designMode = 'on'; 13 13 iframe.contentWindow.document.body.contentEditable = true; 14 14 iframe.focus();
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -1,10 +1,14 @@ 1 1 span.readOnly-selected::selection { 2 - background-color: #AAA;2 + background-color: transparent; 3 3 } 4 4 span.readOnly-selected::-moz-selection { 5 - background-color: #AAA;5 + background-color: transparent; 6 6 } 7 7 span.readOnly { 8 8 border: 1px dashed #777; 9 9 padding: 3px; 10 10 } 11 + 12 +span.readOnly-selected { 13 + background-color: #EEE; 14 +}