Changes for page ContentEditable

Last modified by mflorea on 2010/07/06 16:39

From version 12.1

edited by mflorea
on 2010/07/06 18:17

Change comment: There is no comment for this version

To version 8.1

edited by mflorea
on 2010/07/06 17:55

Change comment: There is no comment for this version

Summary

Page properties

Content

@@ -1,18 +1,10 @@
--{{html clean="false"}}
--<style type="text/css">
--span.readOnly::selection {
--  background: #AAA;
--}
--span.readOnly::-moz-selection {
--  background: #AAA;
--}
--</style>
++{{html}}
  <script type="text/javascript">
  function onAction(hook){
    var iframe = document.createElement('iframe');
    iframe.style.border = '1px solid black';
    iframe.addEventListener('load', function() {
--    iframe.contentWindow.document.body.innerHTML = '<p>before<span contentEditable="false" onclick="this.className=\'readOnly\'">text</span>after</p>';
++    iframe.contentWindow.document.body.innerHTML = '<p>before<button contentEditable="false" onmousedown="event.preventDefault(); console.log(event.name)" onmouseup="event.preventDefault()" onclick="event.preventDefault()">text</button>after</p>';
      //iframe.contentWindow.document.designMode = 'on';
      iframe.contentWindow.document.body.contentEditable = true;
      iframe.focus();