[Sommaire] [Imprimer]

   1  /**
   2   * $Id: editor_plugin_src.js 205 2007-02-12 18:58:29Z spocke $
   3   *
   4   * @author Moxiecode
   5   * @copyright Copyright © 2004-2007, Moxiecode Systems AB, All rights reserved.
   6   */
   7  
   8  var TinyMCE_NonEditablePlugin = {
   9      getInfo : function() {
  10          return {
  11              longname : 'Non editable elements',
  12              author : 'Moxiecode Systems AB',
  13              authorurl : 'http://tinymce.moxiecode.com',
  14              infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/noneditable',
  15              version : tinyMCE.majorVersion + "." + tinyMCE.minorVersion
  16          };
  17      },
  18  
  19      initInstance : function(inst) {
  20          tinyMCE.importCSS(inst.getDoc(), tinyMCE.baseURL + "/plugins/noneditable/css/noneditable.css");
  21  
  22          // Ugly hack
  23          if (tinyMCE.isMSIE5_0)
  24              tinyMCE.settings['plugins'] = tinyMCE.settings['plugins'].replace(/noneditable/gi, 'Noneditable');
  25      },
  26  
  27      handleEvent : function(e) {
  28          return this._moveSelection(e, tinyMCE.selectedInstance);
  29      },
  30  
  31      cleanup : function(type, content, inst) {
  32          switch (type) {
  33              case "insert_to_editor_dom":
  34                  var nodes, i, editClass, nonEditClass, editable, elm;
  35  
  36                  // Pass through Gecko
  37                  if (tinyMCE.isGecko)
  38                      return content;
  39  
  40                  nodes = tinyMCE.getNodeTree(content, [], 1);
  41  
  42                  editClass = tinyMCE.getParam("noneditable_editable_class", "mceEditable");
  43                  nonEditClass = tinyMCE.getParam("noneditable_noneditable_class", "mceNonEditable");
  44  
  45                  for (i=0; i<nodes.length; i++) {
  46                      elm = nodes[i];
  47  
  48                      // Convert contenteditable to classes
  49                      editable = tinyMCE.getAttrib(elm, "contenteditable");
  50                      if (new RegExp("true|false","gi").test(editable))
  51                          TinyMCE_NonEditablePlugin._setEditable(elm, editable == "true");
  52  
  53                      if (tinyMCE.isIE) {
  54                          if (tinyMCE.hasCSSClass(elm, editClass))
  55                              elm.contentEditable = true;
  56  
  57                          if (tinyMCE.hasCSSClass(elm, nonEditClass))
  58                              elm.contentEditable = false;
  59                      }
  60                  }
  61  
  62                  break;
  63  
  64              case "insert_to_editor":
  65                  var editClass = tinyMCE.getParam("noneditable_editable_class", "mceEditable");
  66                  var nonEditClass = tinyMCE.getParam("noneditable_noneditable_class", "mceNonEditable");
  67  
  68                  // Replace mceItem to new school
  69                  content = content.replace(/mceItemEditable/g, editClass);
  70                  content = content.replace(/mceItemNonEditable/g, nonEditClass);
  71  
  72                  if (tinyMCE.isIE && (content.indexOf(editClass) != -1 || content.indexOf(nonEditClass) != -1)) {
  73                      content = content.replace(new RegExp("class=\"(.+)(" + editClass + ")\"", "gi"), 'class="$1$2" contenteditable="true"');
  74                      content = content.replace(new RegExp("class=\"(.+)(" + nonEditClass + ")\"", "gi"), 'class="$1$2" contenteditable="false"');
  75                      content = content.replace(new RegExp("class=\"(" + editClass + ")([^\"]*)\"", "gi"), 'class="$1$2" contenteditable="true"');
  76                      content = content.replace(new RegExp("class=\"(" + nonEditClass + ")([^\"]*)\"", "gi"), 'class="$1$2" contenteditable="false"');
  77                      content = content.replace(new RegExp("class=\"(.+)(" + editClass + ")([^\"]*)\"", "gi"), 'class="$1$2$3" contenteditable="true"');
  78                      content = content.replace(new RegExp("class=\"(.+)(" + nonEditClass + ")([^\"]*)\"", "gi"), 'class="$1$2$3" contenteditable="false"');
  79                  }
  80  
  81                  break;
  82  
  83              case "get_from_editor_dom":
  84                  // Pass through Gecko
  85                  if (tinyMCE.isGecko)
  86                      return content;
  87  
  88                  if (tinyMCE.getParam("noneditable_leave_contenteditable", false)) {
  89                      var nodes = tinyMCE.getNodeTree(content, new Array(), 1);
  90  
  91                      for (var i=0; i<nodes.length; i++)
  92                          nodes[i].removeAttribute("contenteditable");
  93                  }
  94  
  95                  break;
  96          }
  97  
  98          return content;
  99      },
 100  
 101      _moveSelection : function(e, inst) {
 102          var s, r, sc, ec, el, c = tinyMCE.getParam('noneditable_editable_class', 'mceNonEditable');
 103  
 104          if (!inst)
 105              return true;
 106  
 107          // Always select whole element
 108          if (tinyMCE.isGecko) {
 109              s = inst.selection.getSel();
 110              r = s.getRangeAt(0);
 111              sc = tinyMCE.getParentNode(r.startContainer, function (n) {return tinyMCE.hasCSSClass(n, c);});
 112              ec = tinyMCE.getParentNode(r.endContainer, function (n) {return tinyMCE.hasCSSClass(n, c);});
 113  
 114              sc && r.setStartBefore(sc);
 115              ec && r.setEndAfter(ec);
 116  
 117              if (sc || ec) {
 118                  if (e.type == 'keypress' && e.keyCode == 39) {
 119                      el = sc || ec;
 120  
 121                      // Try!!
 122                  }
 123  
 124                  s.removeAllRanges();
 125                  s.addRange(r);
 126  
 127                  return tinyMCE.cancelEvent(e);
 128              }
 129          }
 130  
 131          return true;
 132      },
 133  
 134      _setEditable : function(elm, state) {
 135          var editClass = tinyMCE.getParam("noneditable_editable_class", "mceEditable");
 136          var nonEditClass = tinyMCE.getParam("noneditable_noneditable_class", "mceNonEditable");
 137  
 138          var className = elm.className ? elm.className : "";
 139  
 140          if (className.indexOf(editClass) != -1 || className.indexOf(nonEditClass) != -1)
 141              return;
 142  
 143          if ((className = tinyMCE.getAttrib(elm, "class")) != "")
 144              className += " ";
 145  
 146          className += state ? editClass : nonEditClass;
 147  
 148          elm.setAttribute("class", className);
 149          elm.className = className;
 150      }
 151  };
 152  
 153  tinyMCE.addPlugin("noneditable", TinyMCE_NonEditablePlugin);