Changes for page ContentEditable

Last modified by mflorea on 2010/07/06 16:39
From version 16.1
edited by mflorea
on 2010/07/06 18:21
Change comment: There is no comment for this version
To version 22.1
edited by mflorea
on 2010/07/06 16:39
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -4,7 +4,7 @@
4 4   var iframe = document.createElement('iframe');
5 5   iframe.style.border = '1px solid black';
6 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>';
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>';
8 8   //iframe.contentWindow.document.designMode = 'on';
9 9   iframe.contentWindow.document.body.contentEditable = true;
10 10   iframe.focus();
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,10 +1,14 @@
1 1  span.readOnly-selected::selection {
2 - background: #AAA;
2 + background-color: #EEE;
3 3  }
4 4  span.readOnly-selected::-moz-selection {
5 - background: #AAA;
5 + background-color: #EEE;
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 +}