refinerycms-wymeditor 0.0.1

data/app/assets/javascripts/wymeditor/browsers/ie.js.erb

@@ -0,0 +1,224 @@
+/*
+ * WYMeditor : what you see is What You Mean web-based editor
+ * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
+ * Dual licensed under the MIT (MIT-license.txt)
+ * and GPL (GPL-license.txt) licenses.
+ *
+ * For further information visit:
+ *        http://www.wymeditor.org/
+ *
+ * File Name:
+ *        jquery.wymeditor.explorer.js
+ *        MSIE specific class and functions.
+ *        See the documentation for more info.
+ *
+ * File Authors:
+ *        Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
+ *        Bermi Ferrer (wymeditor a-t bermi dotorg)
+ *        Frédéric Palluel-Lafleur (fpalluel a-t gmail dotcom)
+ *        Jonatan Lundin (jonatan.lundin a-t gmail dotcom)
+ */WYMeditor.WymClassExplorer = function(wym) {
+     this._wym = wym;
+     this._class = "className";
+     this._newLine = "\r\n";
+ };
+
+ WYMeditor.WymClassExplorer.prototype.format_block = function(selected) {
+
+     //'this' should be the wymeditor instance.
+     var wym = this;
+     var container = selected || wym.selected() || $(wym._iframe).contents().find('body').get(0);
+     var name = container.tagName.toLowerCase();
+
+     //fix forbidden main containers
+     if($.inArray(name, ['strong', 'b', 'em', 'i', 'sub', 'sup', 'a']) > -1) {
+         name = container.parentNode.tagName.toLowerCase();
+     }
+
+     if(name == WYMeditor.BODY) {
+         wym._selected_image = null;
+         $(wym._iframe).contents().find('.selected_by_wym').removeClass('selected_by_wym');
+         wym._exec(WYMeditor.FORMAT_BLOCK, "<" + WYMeditor.P + ">");
+     }
+ };
+
+ WYMeditor.WymClassExplorer.prototype.initIframe = function(iframe) {
+
+     //This function is executed twice, though it is called once!
+     //But MSIE needs that, otherwise designMode won't work.
+     //Weird.
+
+     this._iframe = iframe;
+     this._doc = iframe.contentWindow.document;
+
+     //add css rules from options
+     var styles = this._doc.styleSheets[0];
+     var aCss = eval(this._options.editorStyles);
+
+     this.addCssRules(this._doc, aCss);
+
+     this._doc.title = this._wym._index;
+
+     //set the text direction
+     $('html', this._doc).attr('dir', this._options.direction);
+
+     // Add class to say this is Internet Explorer
+     $('html', this._doc).addClass('ie');
+
+     //init html value
+     $(this._doc.body).html(this._wym._html);
+
+     //handle events
+     var wym = this;
+
+     this._doc.body.onfocus = function()
+       {wym._doc.designMode = "on"; wym._doc = iframe.contentWindow.document;};
+     this._doc.onbeforedeactivate = function() {wym.saveCaret();};
+     this._doc.onkeyup = function() {
+       wym.saveCaret();
+       wym.keyup();
+     };
+     this._doc.onclick = function() {wym.saveCaret();};
+
+     this._doc.body.onbeforepaste = function() {
+       wym._iframe.contentWindow.event.returnValue = false;
+     };
+
+     this._doc.body.onpaste = function() {
+       wym._iframe.contentWindow.event.returnValue = false;
+       // Trident doesn't need to intercept the paste as it can access the clipboard easily.
+       wym.paste(window.clipboardData.getData("Text"));
+     };
+
+     //callback can't be executed twice, so we check
+     if(this._initialized) {
+
+       //pre-bind functions
+       if($.isFunction(this._options.preBind)) this._options.preBind(this);
+
+       //bind external events
+       this._wym.bindEvents();
+
+       //post-init functions
+       if($.isFunction(this._options.postInit)) this._options.postInit(this);
+
+       //add event listeners to doc elements, e.g. images
+       this.listen();
+     }
+
+     this._initialized = true;
+
+     //init designMode
+     this._doc.designMode="on";
+     try{
+         // (bermi's note) noticed when running unit tests on IE6
+         // Is this really needed, it trigger an unexisting property on IE6
+         this._doc = iframe.contentWindow.document;
+     }catch(e){}
+ };
+
+ WYMeditor.WymClassExplorer.prototype._exec = function(cmd,param) {
+
+   var wym = this;
+
+   switch(cmd) {
+     case WYMeditor.INDENT: case WYMeditor.OUTDENT:
+       var container = wym.findUp(wym.container(), WYMeditor.LI);
+       if(container) {
+         var ancestor = container.parentNode.parentNode;
+         if(container.parentNode.childNodes.length > 1 || $.inArray(ancestor.tagName.toLowerCase(), [WYMeditor.OL, WYMeditor.UL]) > -1) {
+           wym._doc.execCommand(cmd);
+         }
+       }
+       break;
+     default:
+       if(param) {
+         wym._doc.execCommand(cmd,false,param);
+       }
+       else {
+         wym._doc.execCommand(cmd);
+       }
+       break;
+   }
+
+ };
+
+ WYMeditor.WymClassExplorer.prototype.selected = function() {
+     var caretPos = this._iframe.contentWindow.document.caretPos;
+     if(caretPos != null && caretPos.parentElement != undefined) {
+         return(caretPos.parentElement());
+     }
+ };
+
+ WYMeditor.WymClassExplorer.prototype.saveCaret = function() {
+     this._doc.caretPos = this._doc.selection.createRange();
+ };
+
+ WYMeditor.WymClassExplorer.prototype.addCssRule = function(styles, oCss) {
+     styles.addRule(oCss.name, oCss.css);
+ };
+
+ WYMeditor.WymClassExplorer.prototype.insert = function(html) {
+     // Get the current selection
+     var range = this._doc.selection.createRange();
+
+     // Check if the current selection is inside the editor
+     if ( $(range.parentElement()).parents( this._options.iframeBodySelector ).is('*') ) {
+         try {
+             // Overwrite selection with provided html
+             range.pasteHTML(html);
+         } catch (e) { }
+     } else {
+         // Fall back to the internal paste function if there's no selection
+         this.paste(html);
+     }
+ };
+
+ WYMeditor.WymClassExplorer.prototype.wrap = function(left, right) {
+
+     // Get the current selection
+     var range = this._doc.selection.createRange();
+
+     // Check if the current selection is inside the editor
+     if ( $(range.parentElement()).parents( this._options.iframeBodySelector ).is('*') ) {
+         try {
+             // Overwrite selection with provided html
+             range.pasteHTML(left + range.text + right);
+         } catch (e) { }
+     }
+ };
+
+ WYMeditor.WymClassExplorer.prototype.unwrap = function() {
+
+     // Get the current selection
+     var range = this._doc.selection.createRange();
+
+     // Check if the current selection is inside the editor
+     if ( $(range.parentElement()).parents( this._options.iframeBodySelector ).is('*') ) {
+         try {
+             // Unwrap selection
+             var text = range.text;
+             this._exec( 'Cut' );
+             range.pasteHTML( text );
+         } catch (e) { }
+     }
+ };
+
+ //keyup handler
+ WYMeditor.WymClassExplorer.prototype.keyup = function(e) {
+
+   (wym = this)._selected_image = null;
+   $(wym._iframe).contents().find('.selected_by_wym').removeClass('selected_by_wym');
+   wym.format_block();
+ };
+
+ WYMeditor.WymClassExplorer.prototype.setFocusToNode = function(node, toStart) {
+   (wym = this)._iframe.contentWindow.focus();
+   var range = wym._doc.selection.createRange();
+   toStart = toStart ? true : false;
+
+   range.moveToElementText(node);
+   range.collapse(toStart);
+   range.select();
+   node.focus();
+ };

data/app/assets/javascripts/wymeditor/browsers/mozilla.js.erb

@@ -0,0 +1,293 @@
+/*
+ * WYMeditor : what you see is What You Mean web-based editor
+ * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
+ * Dual licensed under the MIT (MIT-license.txt)
+ * and GPL (GPL-license.txt) licenses.
+ *
+ * For further information visit:
+ *        http://www.wymeditor.org/
+ *
+ * File Name:
+ *        jquery.wymeditor.mozilla.js
+ *        Gecko specific class and functions.
+ *        See the documentation for more info.
+ *
+ * File Authors:
+ *        Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
+ *        Volker Mische (vmx a-t gmx dotde)
+ *        Bermi Ferrer (wymeditor a-t bermi dotorg)
+ *        Frédéric Palluel-Lafleur (fpalluel a-t gmail dotcom)
+ */
+
+WYMeditor.WymClassMozilla = function(wym) {
+
+    this._wym = wym;
+    this._class = "class";
+    this._newLine = "\n";
+};
+
+WYMeditor.WymClassMozilla.prototype.initIframe = function(iframe) {
+
+    var wym = this;
+
+    this._iframe = iframe;
+    this._doc = iframe.contentDocument;
+
+    //add css rules from options
+
+    var styles = this._doc.styleSheets[0];
+    var aCss = eval(this._options.editorStyles);
+
+    this.addCssRules(this._doc, aCss);
+
+    this._doc.title = this._wym._index;
+
+    //set the text direction
+    $('html', this._doc).attr('dir', this._options.direction);
+
+    //add error class to body if the containing iframe has an error class
+    $('.fieldWithErrors iframe').contents().find('body').addClass('fieldWithErrors');
+
+    //init html value
+    this.html(this._wym._html);
+
+    //init designMode
+    this.enableDesignMode();
+
+    //pre-bind functions
+    if($.isFunction(this._options.preBind)) this._options.preBind(this);
+
+    //bind external events
+    this._wym.bindEvents();
+
+    //bind editor keydown events
+    $(this._doc).bind("keydown", this.keydown);
+
+    //bind editor keyup events
+    $(this._doc).bind("keyup", this.keyup);
+
+    //bind editor paste events
+    $(this._doc).bind("paste", this.intercept_paste);
+
+    //bind editor focus events (used to reset designmode - Gecko bug)
+    $(this._doc).bind("focus", function (){
+       // Fix scope
+       wym.enableDesignMode.call(wym);
+    });
+
+    //post-init functions
+    if($.isFunction(this._options.postInit)) this._options.postInit(this);
+
+    //add event listeners to doc elements, e.g. images
+    this.listen();
+};
+
+/* @name html
+ * @description Get/Set the html value
+ */
+WYMeditor.WymClassMozilla.prototype.html = function(html) {
+
+  if(typeof html === 'string') {
+
+    //disable designMode
+    try { this._doc.designMode = "off"; } catch(e) { };
+
+    //replace em by i and strong by bold
+    //(designMode issue)
+    html = html.replace(/<em(\b[^>]*)>/gi, "<i$1>")
+      .replace(/<\/em>/gi, "</i>")
+      .replace(/<strong(\b[^>]*)>/gi, "<b$1>")
+      .replace(/<\/strong>/gi, "</b>");
+
+    //update the html body
+    $(this._doc.body).html(html);
+
+    //re-init designMode
+    this.enableDesignMode();
+  }
+  else {
+    return($(this._doc.body).html());
+  }
+};
+
+WYMeditor.WymClassMozilla.prototype._exec = function(cmd,param) {
+
+    if(!this.selected()) return(false);
+
+    switch(cmd) {
+
+    case WYMeditor.INDENT: case WYMeditor.OUTDENT:
+      var focusNode = this.selected();
+      var sel = this._iframe.contentWindow.getSelection();
+      var anchorNode = sel.anchorNode;
+      if(anchorNode.nodeName == "#text") {
+        anchorNode = anchorNode.parentNode;
+      }
+
+      focusNode = this.findUp(focusNode, WYMeditor.BLOCKS);
+      anchorNode = this.findUp(anchorNode, WYMeditor.BLOCKS);
+
+      if(focusNode && focusNode == anchorNode && focusNode.tagName.toLowerCase() == WYMeditor.LI) {
+        var ancestor = focusNode.parentNode.parentNode;
+
+        if(focusNode.parentNode.childNodes.length > 1 || $.inArray(ancestor.tagName.toLowerCase(), [WYMeditor.OL, WYMeditor.UL]) > -1) {
+          this._doc.execCommand(cmd,'',null);
+        }
+      }
+    break;
+
+    default:
+      if(param) this._doc.execCommand(cmd,'',param);
+      else this._doc.execCommand(cmd,'',null);
+    }
+
+    //set to P if parent = BODY
+    var container = this.selected();
+    if(container.tagName.toLowerCase() == WYMeditor.BODY) {
+        this._exec(WYMeditor.FORMAT_BLOCK, WYMeditor.P);
+    }
+};
+
+
+
+/* @name selected
+ * @description Returns the selected container
+ */
+WYMeditor.WymClassMozilla.prototype.selected = function(upgrade_text_nodes) {
+
+  if (upgrade_text_nodes == null || upgrade_text_nodes.toString() != "true") { upgrade_text_nodes = false; }
+  var sel = this._iframe.contentWindow.getSelection();
+  var node = sel.focusNode;
+  if(node) {
+      if(node.nodeName == "#text"){
+        if (upgrade_text_nodes && sel.toString().length > 0) {
+          actual_node = null;
+          parent_node = sel.focusNode.parentNode;
+          if (parent_node != null) {
+            for (i=0;i<parent_node.childNodes.length;i++){
+              child_node = parent_node.childNodes[i];
+              if (child_node.nodeName != "#text" && child_node.innerHTML == sel.toString()){
+                actual_node = child_node;
+              }
+            }
+          }
+
+          if (actual_node == null) {
+            return this.switchTo(sel, 'span');
+          } else {
+            return actual_node;
+          }
+        }
+        else {
+          return node.parentNode;
+        }
+      }
+      else {
+        return(node);
+      }
+  }
+  else {
+    return(null);
+  }
+};
+
+WYMeditor.WymClassMozilla.prototype.addCssRule = function(styles, oCss) {
+    styles.insertRule(oCss.name + " {" + oCss.css + "}", styles.cssRules.length);
+};
+
+
+//keydown handler, mainly used for keyboard shortcuts
+WYMeditor.WymClassMozilla.prototype.keydown = function(e) {
+
+  //'this' is the doc
+  var wym = WYMeditor.INSTANCES[this.title];
+
+  if(e.ctrlKey){
+    if(e.keyCode == 66){
+      //CTRL+b => STRONG
+      wym._exec(WYMeditor.BOLD);
+      return false;
+    }
+    if(e.keyCode == 73){
+      //CTRL+i => EMPHASIS
+      wym._exec(WYMeditor.ITALIC);
+      return false;
+    }
+  }
+  else if(e.keyCode == 13) {
+    if(!e.shiftKey){
+      //fix PRE bug #73
+      container = wym.selected();
+      if(container && container.tagName.toLowerCase() == WYMeditor.PRE) {
+        e.preventDefault();
+        wym.insert('<p></p>');
+      }
+    }
+  }
+};
+
+//keyup handler, mainly used for cleanups
+WYMeditor.WymClassMozilla.prototype.keyup = function(e) {
+
+  //'this' is the doc
+  if ((wym = WYMeditor.INSTANCES[this.title]) != null)
+  {
+    wym._selected_image = null;
+    $(wym._iframe).contents().find('.selected_by_wym').removeClass('selected_by_wym');
+    var container = null;
+
+    if(e.keyCode == 13 && !e.shiftKey) {
+      //RETURN key - cleanup <br><br> between paragraphs
+      $(wym._doc.body).children(WYMeditor.BR).remove();
+
+      //fix PRE bug #73
+      if((container = wym.selected()) && container.tagName.toLowerCase() == WYMeditor.PRE) {
+        wym._exec(WYMeditor.FORMAT_BLOCK, WYMeditor.P); //create P after PRE
+      }
+    }
+    else if(($.inArray(e.keyCode, [8, 17, 46, 224]) == -1) && !e.metaKey && !e.ctrlKey) {
+      //NOT BACKSPACE, NOT DELETE, NOT CTRL, NOT COMMAND
+      //text nodes replaced by P
+      wym.format_block();
+    }
+  }
+};
+
+WYMeditor.WymClassMozilla.prototype.enableDesignMode = function() {
+    if(this._doc.designMode == "off") {
+      try {
+        this._doc.designMode = "on";
+        this._doc.execCommand("styleWithCSS", '', false);
+      }
+      catch(e) { }
+    }
+};
+
+WYMeditor.WymClassMozilla.prototype.openBlockTag = function(tag, attributes)
+{
+  var attributes = this.validator.getValidTagAttributes(tag, attributes);
+
+  // Handle Mozilla styled spans
+  if(tag == 'span' && attributes.style) {
+    var new_tag = this.getTagForStyle(attributes.style);
+    if(new_tag){
+      this._tag_stack.pop();
+      var tag = new_tag;
+      this._tag_stack.push(new_tag);
+      attributes.style = '';
+    } else {
+      return;
+    }
+  }
+
+  this.output += this.helper.tag(tag, attributes, true);
+};
+
+WYMeditor.WymClassMozilla.prototype.getTagForStyle = function(style) {
+
+  if(/bold/.test(style)) return 'strong';
+  if(/italic/.test(style)) return 'em';
+  if(/sub/.test(style)) return 'sub';
+  if(/super/.test(style)) return 'super';
+  return false;
+};

data/app/assets/javascripts/wymeditor/browsers/opera.js.erb

@@ -0,0 +1,123 @@
+/*
+ * WYMeditor : what you see is What You Mean web-based editor
+ * Copyright (c) 2005 - 2009 Jean-Francois Hovinne, http://www.wymeditor.org/
+ * Dual licensed under the MIT (MIT-license.txt)
+ * and GPL (GPL-license.txt) licenses.
+ *
+ * For further information visit:
+ *        http://www.wymeditor.org/
+ *
+ * File Name:
+ *        jquery.wymeditor.opera.js
+ *        Opera specific class and functions.
+ *        See the documentation for more info.
+ *
+ * File Authors:
+ *        Jean-Francois Hovinne (jf.hovinne a-t wymeditor dotorg)
+ */
+
+WYMeditor.WymClassOpera = function(wym) {
+
+    this._wym = wym;
+    this._class = "class";
+    this._newLine = "\r\n";
+};
+
+WYMeditor.WymClassOpera.prototype.initIframe = function(iframe) {
+
+    this._iframe = iframe;
+    this._doc = iframe.contentWindow.document;
+
+    //add css rules from options
+    var styles = this._doc.styleSheets[0];
+    var aCss = eval(this._options.editorStyles);
+
+    this.addCssRules(this._doc, aCss);
+
+    this._doc.title = this._wym._index;
+
+    //set the text direction
+    $('html', this._doc).attr('dir', this._options.direction);
+
+    //init designMode
+    this._doc.designMode = "on";
+
+    //init html value
+    this.html(this._wym._html);
+
+    //pre-bind functions
+    if($.isFunction(this._options.preBind)) this._options.preBind(this);
+
+    //bind external events
+    this._wym.bindEvents();
+
+    //bind editor keydown events
+    $(this._doc).bind("keydown", this.keydown);
+
+    //bind editor events
+    $(this._doc).bind("keyup", this.keyup);
+
+    // bind paste events for when this is supported.
+    $(this._doc).bind("paste", this.intercept_paste);
+
+    //post-init functions
+    if($.isFunction(this._options.postInit)) this._options.postInit(this);
+
+    //add event listeners to doc elements, e.g. images
+    this.listen();
+};
+
+WYMeditor.WymClassOpera.prototype._exec = function(cmd,param) {
+  if(param) this._doc.execCommand(cmd,false,param);
+  else this._doc.execCommand(cmd);
+};
+
+WYMeditor.WymClassOpera.prototype.selected = function() {
+  var sel=this._iframe.contentWindow.getSelection();
+  var node=sel.focusNode;
+  if(node) {
+    if(node.nodeName=="#text") {
+      return(node.parentNode);
+    }
+    else {
+      return(node);
+    }
+  } else {
+    return(null);
+  }
+};
+
+WYMeditor.WymClassOpera.prototype.addCssRule = function(styles, oCss) {
+  styles.insertRule(oCss.name + " {" + oCss.css + "}", styles.cssRules.length);
+};
+
+//keydown handler
+WYMeditor.WymClassOpera.prototype.keydown = function(e) {
+
+  //'this' is the doc
+  var wym = WYMeditor.INSTANCES[this.title];
+  var sel = wym._iframe.contentWindow.getSelection();
+  startNode = sel.getRangeAt(0).startContainer;
+
+  //Get a P instead of no container
+  if(!$(startNode).parentsOrSelf(WYMeditor.MAIN_CONTAINERS.join(","))[0]
+      && !$(startNode).parentsOrSelf('li')
+      && e.keyCode != WYMeditor.KEY.ENTER
+      && e.keyCode != WYMeditor.KEY.LEFT
+      && e.keyCode != WYMeditor.KEY.UP
+      && e.keyCode != WYMeditor.KEY.RIGHT
+      && e.keyCode != WYMeditor.KEY.DOWN
+      && e.keyCode != WYMeditor.KEY.BACKSPACE
+      && e.keyCode != WYMeditor.KEY.DELETE)
+      wym._exec(WYMeditor.FORMAT_BLOCK, WYMeditor.P);
+
+};
+
+//keyup handler
+WYMeditor.WymClassOpera.prototype.keyup = function(e) {
+
+  //'this' is the doc
+  var wym = WYMeditor.INSTANCES[this.title];
+  wym._selected_image = null;
+  $(wym._iframe).contents().find('.selected_by_wym').removeClass('selected_by_wym');
+};