"); jQuery(container).after("
" + sTmp + "
"); } } else { for(x = 0; x < aP.length; x++) { sTmp = aP[x]; //simple newlines are replaced by a break sTmp = sTmp.replace(rExp, ""); jQuery(this._doc.body).append("
" + sTmp + "
"); } } }; Wymeditor.prototype.addCssRules = function(doc, aCss) { var styles = doc.styleSheets[0]; if(styles) { for(var i = 0; i < aCss.length; i++) { var oCss = aCss[i]; if(oCss.name && oCss.css) this.addCssRule(styles, oCss); } } }; /********** CONFIGURATION **********/ Wymeditor.prototype.computeBasePath = function() { return jQuery(jQuery.grep(jQuery('script'), function(s){ return (s.src && s.src.match(/jquery\.wymeditor(\.pack){0,1}\.js(\?.*)?$/ )) })).attr('src').replace(/jquery\.wymeditor(\.pack){0,1}\.js(\?.*)?$/, ''); }; Wymeditor.prototype.computeWymPath = function() { return jQuery(jQuery.grep(jQuery('script'), function(s){ return (s.src && s.src.match(/jquery\.wymeditor(\.pack){0,1}\.js(\?.*)?$/ )) })).attr('src'); }; Wymeditor.prototype.computeJqueryPath = function() { return jQuery(jQuery.grep(jQuery('script'), function(s){ return (s.src && s.src.match(/jquery(-(.*)){0,1}(\.pack){0,1}\.js(\?.*)?$/ )) })).attr('src'); }; Wymeditor.prototype.computeCssPath = function() { return jQuery(jQuery.grep(jQuery('link'), function(s){ return (s.href && s.href.match(/wymeditor\/skins\/(.*)screen\.css(\?.*)?$/ )) })).attr('href'); }; Wymeditor.prototype.loadXhtmlParser = function(WymClass) { if(typeof XhtmlSaxListener != 'function'){ // This is the only way to get loaded functions in the global scope until jQuery.globalEval works in safari eval(jQuery.ajax({url:this._options.basePath + this._options.xhtmlParser, async:false}).responseText); window.XmlHelper = XmlHelper; window.XhtmlValidator = XhtmlValidator; window.ParallelRegex = ParallelRegex; window.StateStack = StateStack; window.Lexer = Lexer; window.XhtmlLexer = XhtmlLexer; window.XhtmlParser = XhtmlParser; window.XhtmlSaxListener = XhtmlSaxListener; } var SaxListener = new XhtmlSaxListener(); jQuery.extend(SaxListener, WymClass); this.parser = new XhtmlParser(SaxListener); }; Wymeditor.prototype.configureEditorUsingRawCss = function() { if(typeof WymCssParser != 'function'){ eval(jQuery.ajax({url:this._options.basePath + this._options.cssParser, async:false}).responseText); window.WymCssLexer = WymCssLexer; window.WymCssParser = WymCssParser; } var CssParser = new WymCssParser(); if(this._options.stylesheet){ CssParser.parse(jQuery.ajax({url: this._options.stylesheet,async:false}).responseText); }else{ CssParser.parse(this._options.styles, false); } if(this._options.classesItems.length == 0) { this._options.classesItems = CssParser.css_settings.classesItems; } if(this._options.editorStyles.length == 0) { this._options.editorStyles = CssParser.css_settings.editorStyles; } if(this._options.dialogStyles.length == 0) { this._options.dialogStyles = CssParser.css_settings.dialogStyles; } }; /********** EVENTS **********/ Wymeditor.prototype.listen = function() { //don't use jQuery.find() on the iframe body //because of MSIE + jQuery + expando issue (#JQ1143) //jQuery(this._doc.body).find("*").bind("mouseup", this.mouseup); jQuery(this._doc.body).bind("mouseup", this.mouseup); var images = this._doc.body.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { jQuery(images[i]).bind("mouseup", this.mouseup); } }; //mouseup handler Wymeditor.prototype.mouseup = function(evt) { var wym = WYM_INSTANCES[this.ownerDocument.title]; if(this.tagName.toLowerCase() == WYM_IMG) wym._selected_image = this; else wym._selected_image = null; evt.stopPropagation(); }; /********** SKINS **********/ Wymeditor.prototype.skin = function() { switch(this._options.skin) { case WYM_DEFAULT_SKIN: jQuery(this._box).addClass("wym_skin_default"); //render following sections as panels jQuery(this._box).find(this._options.classesSelector) .addClass("wym_panel"); //render following sections as buttons jQuery(this._box).find(this._options.toolsSelector) .addClass("wym_buttons"); //render following sections as dropdown menus jQuery(this._box).find(this._options.containersSelector) .addClass("wym_dropdown") .find(WYM_H2) .append(" >"); // auto add some margin to the main area sides if left area // or right area are not empty (if they contain sections) jQuery(this._box).find("div.wym_area_right ul") .parents("div.wym_area_right").show() .parents(this._options.boxSelector) .find("div.wym_area_main") .css({"margin-right": "155px"}); jQuery(this._box).find("div.wym_area_left ul") .parents("div.wym_area_left").show() .parents(this._options.boxSelector) .find("div.wym_area_main") .css({"margin-left": "155px"}); //make hover work under IE < 7 jQuery(this._box).find(".wym_section").hover(function(){ jQuery(this).addClass("hover"); },function(){ jQuery(this).removeClass("hover"); }); break; } }; /********** DIALOGS **********/ function WYM_INIT_DIALOG(index) { var wym = window.opener.WYM_INSTANCES[index]; var doc = window.document; var selected = wym.selected(); var dialogType = jQuery(wym._options.dialogTypeSelector).val(); var sStamp = wym.uniqueStamp(); switch(dialogType) { case WYM_DIALOG_LINK: //ensure that we select the link to populate the fields if(selected && selected.tagName && selected.tagName.toLowerCase != WYM_A) selected = jQuery(selected).parentsOrSelf(WYM_A); //fix MSIE selection if link image has been clicked if(!selected && wym._selected_image) selected = jQuery(wym._selected_image).parentsOrSelf(WYM_A); break; } //pre-init functions if(jQuery.isFunction(wym._options.preInitDialog)) wym._options.preInitDialog(wym,window); //add css rules from options var styles = doc.styleSheets[0]; var aCss = eval(wym._options.dialogStyles); wym.addCssRules(doc, aCss); //auto populate fields if selected container (e.g. A) if(selected) { jQuery(wym._options.hrefSelector).val(jQuery(selected).attr(WYM_HREF)); jQuery(wym._options.srcSelector).val(jQuery(selected).attr(WYM_SRC)); jQuery(wym._options.titleSelector).val(jQuery(selected).attr(WYM_TITLE)); jQuery(wym._options.altSelector).val(jQuery(selected).attr(WYM_ALT)); } //auto populate image fields if selected image if(wym._selected_image) { jQuery(wym._options.dialogImageSelector + " " + wym._options.srcSelector) .val(jQuery(wym._selected_image).attr(WYM_SRC)); jQuery(wym._options.dialogImageSelector + " " + wym._options.titleSelector) .val(jQuery(wym._selected_image).attr(WYM_TITLE)); jQuery(wym._options.dialogImageSelector + " " + wym._options.altSelector) .val(jQuery(wym._selected_image).attr(WYM_ALT)); } jQuery(wym._options.dialogLinkSelector + " " + wym._options.submitSelector).click(function() { var sUrl = jQuery(wym._options.hrefSelector).val(); if(sUrl.length > 0) { wym._exec(WYM_CREATE_LINK, sStamp); //don't use jQuery.find() see #JQ1143 //var link = jQuery(wym._doc.body).find("a[@href=" + sStamp + "]"); var link = null; var nodes = wym._doc.body.getElementsByTagName(WYM_A); for(var i=0; i < nodes.length; i++) { if(jQuery(nodes[i]).attr(WYM_HREF) == sStamp) { link = jQuery(nodes[i]); break; } } if(link) { link.attr(WYM_HREF, sUrl); link.attr(WYM_TITLE, jQuery(wym._options.titleSelector).val()); } } window.close(); }); jQuery(wym._options.dialogImageSelector + " " + wym._options.submitSelector).click(function() { var sUrl = jQuery(wym._options.srcSelector).val(); if(sUrl.length > 0) { wym._exec(WYM_INSERT_IMAGE, sStamp); //don't use jQuery.find() see #JQ1143 //var image = jQuery(wym._doc.body).find("img[@src=" + sStamp + "]"); var image = null; var nodes = wym._doc.body.getElementsByTagName(WYM_IMG); for(var i=0; i < nodes.length; i++) { if(jQuery(nodes[i]).attr(WYM_SRC) == sStamp) { image = jQuery(nodes[i]); break; } } if(image) { image.attr(WYM_SRC, sUrl); image.attr(WYM_TITLE, jQuery(wym._options.titleSelector).val()); image.attr(WYM_ALT, jQuery(wym._options.altSelector).val()); } } window.close(); }); jQuery(wym._options.dialogTableSelector + " " + wym._options.submitSelector).click(function() { var iRows = jQuery(wym._options.rowsSelector).val(); var iCols = jQuery(wym._options.colsSelector).val(); if(iRows > 0 && iCols > 0) { var table = wym._doc.createElement(WYM_TABLE); var newRow = null; var newCol = null; var sCaption = jQuery(wym._options.captionSelector).val(); //we create the caption var newCaption = table.createCaption(); newCaption.innerHTML = sCaption; //we create the rows and cells for(x=0; xtextnode|
)
if (this.endNode == parent) {
// NOTE I don't know if it is a good idea to delete the
// here, as "atEnd()" probably shouldn't change the dom tree,
// but only searching it
if (this.endNode.lastChild.nodeName == "BR")
this.endNode.removeChild(endNode.lastChild);
// if cursor is really at the end
if (this.endOffset == 0)
return false;
else {
for (var nNext=this.endNode.childNodes[this.endOffset-1].nextSibling;
nNext==null || nNext.nodeName == "BR";
nNext=nNext.nextSibling)
if (nNext==null)
return true;
}
}
else {
var endNode = this.endNode;
if (endNode.nodeType == WYM_NODE.TEXT) {
if ((endNode.nextSibling
&& !isPhantomNode(endNode.nextSibling))
|| (this.endOffset != endNode.data.length))
return false;
else
endNode = endNode.parentNode;
}
for (var n=endNode; n!=parent; n=n.parentNode) {
var lastChild = n.parentNode.lastChild;
// node isn't last child => cursor can't be at the end
// (is this true?) in gecko there the last child could be a
// phantom node
// sometimes also whitespacenodes which aren't phatom nodes
// get stripped, but this is ok, as this is a wysiwym editor
if ((lastChild != n) ||
(isPhantomNode(lastChild)
&& lastChild.previousSibling != n)) {
return false;
}
}
}
if (this.endOffset == this.endNode.length)
return true;
else
return false;
}
};
/********** HELPERS **********/
// Returns true if it is a text node with whitespaces only
jQuery.fn.isPhantomNode = function() {
if (this[0].nodeType == 3)
return !(/[^\t\n\r ]/.test(this[0].data));
return false;
};
function isPhantomNode(n) {
if (n.nodeType == 3)
return !(/[^\t\n\r ]/.test(n.data));
return false;
};
function isPhantomString(str) {
return !(/[^\t\n\r ]/.test(str));
};
// Returns the Parents or the node itself
// jqexpr = a jQuery expression
jQuery.fn.parentsOrSelf = function(jqexpr) {
var n = this;
if (n[0].nodeType == 3)
n = n.parents().slice(0,1);
// if (n.is(jqexpr)) // XXX should work, but doesn't (probably a jQuery bug)
if (n.filter(jqexpr).size() == 1)
return n;
else
return n.parents(jqexpr).slice(0,1);
};
String.prototype.insertAt = function(inserted, pos) {
return(this.substr(0,pos) + inserted + this.substring(pos));
};
String.prototype.replaceAll = function(old, rep) {
var rExp = new RegExp(old, "g");
return(this.replace(rExp, rep));
};
// from http://forum.de.selfhtml.org/archiv/2004/3/t76079/#m438193 (2007-02-06)
Array.prototype.contains = function (elem) {
// var i;
for (var i = 0; i < this.length; i++) {
if (this[i] === elem) {
return true;
}
}
return false;
};
Array.prototype.indexOf = function (item) {
var ret=-1;
for(var i = 0; i < this.length; i++) {
if (this[i] == item) {
ret=i; break;
}
}
return(ret);
};
String.prototype.trim = function() {
return this.replace(/^(\s*)|(\s*)$/gm,'');
};
Array.prototype.findByName = function (name) {
for(var i = 0; i < this.length; i++) {
var Item = this[i];
if(Item.name == name) {
return(Item);
}
}
return(null);
};
/*
* WYMeditor : what you see is What You Mean web-based editor
* Copyright (C) 2007 H.O.net - http://www.honet.be/
* 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@wymeditor.org)
* Bermi Ferrer (wymeditor a-t bermi dotorg)
* Frédéric Palluel-Lafleur (fpalluel@gmail.com)
*/
function WymClassExplorer(wym) {
this._wym = wym;
this._class = "className";
this._newLine = "\r\n";
};
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;
//init html value
jQuery(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;
wym.paste(window.clipboardData.getData("Text"));
};
//callback can't be executed twice, so we check
if(this._initialized) {
//pre-bind functions
if(jQuery.isFunction(this._options.preBind)) this._options.preBind(this);
//bind external events
this._wym.bindEvents();
// NOTE v.mische this part will be changed on event-hacking
jQuery(this._doc).bind("keydown", this.handleKeydown);
//post-init functions
if(jQuery.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){}
};
WymClassExplorer.prototype._exec = function(cmd,param) {
//alert("cmd: " + cmd + " param: " + param);
switch(cmd) {
case WYM_INDENT: case WYM_OUTDENT:
var container = this.findUp(this.container(), WYM_LI);
if(container)
this._doc.execCommand(cmd);
break;
default:
if(param){
//alert("if");
this._doc.execCommand(cmd,false,param);
}else{
//alert("else");
this._doc.execCommand(cmd);
}
break;
}
this.listen();
};
WymClassExplorer.prototype.selected = function() {
var caretPos = this._iframe.contentWindow.document.caretPos;
if(caretPos!=null) {
if(caretPos.parentElement!=undefined)
return(caretPos.parentElement());
}
};
WymClassExplorer.prototype.saveCaret = function() {
this._doc.caretPos = this._doc.selection.createRange();
};
WymClassExplorer.prototype.addCssRule = function(styles, oCss) {
styles.addRule(oCss.name, oCss.css);
};
//keyup handler
WymClassExplorer.prototype.keyup = function() {
this._selected_image = null;
};
WymClassExplorer.prototype.setFocusToNode = function(node) {
var range = this._doc.selection.createRange();
range.moveToElementText(node);
range.collapse(false);
range.move('character',-1);
range.select();
node.focus();
};
WymClassExplorer.prototype.handleKeydown = function(evt) {
//'this' is the doc
var wym = WYM_INSTANCES[this.title];
// "start" Selection API
var sel = wym.selection.getSelection();
/*
// some small tests for the Selection API
var containers = WYM_MAIN_CONTAINERS.join(",");
if (sel.isAtStart(containers))
alert("isAtStart: "+sel.startNode.parentNode.nodeName);
if (sel.isAtEnd(containers))
alert("isAtEnd: "+sel.endNode.parentNode.nodeName);
if (evt.keyCode==WYM_KEY.DELETE) {
// if deleteIfExpanded wouldn't work, no selected text would be
// deleted if you press del-key
if (sel.deleteIfExpanded())
return false;
}
if (evt.keyCode==WYM_KEY.HOME) {
// if cursorToStart won't work, the cursor won't be set to start
// if you press home-key
sel.cursorToStart(sel.container);
return false;
}
if (evt.keyCode==WYM_KEY.END)
{
// if cursorToEnd won't work, the cursor won't be set to the end
// if you press end-key
sel.cursorToEnd(sel.container);
return false;
}
*/
};
/********** SELECTION API **********/
/*
Class: WymSelExplorer
Implementation of the Selection API for Microsoft Internet Explorer
Properties:
original - (object) Selection Object
isCollapsed - (boolean) True if selection is collapsed to single position
startNode - (DOM node) Node where the selection starts
startOffset - (integer) Offset of the position in startNode
endNode - (DOM node) Node where the selection ends
endOffset - (integer) Offset of the position in endNode
container - (DOM node) Node which includes the whole selection
Example:
"|" marks the start and the end of the selection.
(start code)
A sm|all examp|le.
(end code) isCollapsed - false startNode - "small" startOffset - 2 endNode - " example" endOffset - 6 container -...
*/ var WymSelExplorer = function(wym) { this._wym = wym; }; WymSelExplorer.prototype = { /* Property: getSelection Return a Selection API object Example: (start code) var sel = wym.selection.getSelection(); (end code) Returns: (object) Selection API object */ getSelection: function() { var sel = this._wym._iframe.contentWindow.document.selection; var range = sel.createRange(); this.original = sel; if (sel.type == "None") this.isCollapsed = true; else this.isCollapsed = false; // get start of the selection (resp. cursor position if collapsed) var selStart = this._getNodeAndOffset(range.duplicate(), true); this.startNode = selStart.node; this.startOffset = selStart.offset; if (this.isCollapsed) { this.endNode = this.startNode; this.endOffset = this.startOffset; } else { var selEnd = this._getNodeAndOffset(range.duplicate(), false); this.endNode = selEnd.node; this.endOffset = selEnd.offset; } this.container = jQuery(range.parentElement()).parentsOrSelf( WYM_MAIN_CONTAINERS.join(","))[0]; return this; }, _getNodeAndOffset: function(range, collapseToStart) { var parentElement = range.parentElement(); // range from the beginning of parentElement to cursor position var parentRange = range.duplicate(); // length of parentElement's text var parentLength; // offset from the beginning of parentElements to the cursor position var parentOffset = 0; // offset of the position to its node var offset = 0; // collapse to start or end range.collapse(collapseToStart); // select parent node and set range from the beginning of that node to // the cursor position parentRange.moveToElementText(parentElement); parentLength = parentRange.text.length; // XXX v.mische fix it var backwardRange = parentRange.duplicate(); var searchRange = parentRange.duplicate(); parentRange.setEndPoint("EndToStart", range); parentOffset = parentRange.text.length; // direction to search // 1 = forward // -1 = backward var direction = 1; // where to start to find the position var childPosition = 0; // ratio of the cursor position to the total parentElement text length var offsetRatio = parentOffset/parentLength; // offset from start (if search direction==-1: end) to the child node // we are currently at while searching the position // finally: position of the cursor within its node var offset = 0; var childNodes = parentElement.childNodes; // try to find a better start position for searching //if (childNodes.length>20 && offsetRatio>0.1) { if (childNodes.length>20 && offsetRatio>0.1) { // range around the appropriate node var childRange = searchRange.duplicate(); // length from start to the beginning of a node near the node // of the position we are looking for //var childOffsetRange = parentRange.duplicate(); childPosition = Math.round(offsetRatio * childNodes.length-1); if (childPosition <= 0) childPosition = 1; // moveToElementText doesn't work with text nodes while ((childNodes[childPosition].nodeType == WYM_NODE.TEXT || childNodes[childPosition].nodeName == "BR") && childPosition > 0) { childPosition--; } if (childPosition > 0) { childRange.moveToElementText(childNodes[childPosition]); // Range from start of parent node to the start of the proposed // child node childRange.setEndPoint("EndToStart", searchRange); // search forward if (parentOffset > childRange.text.length) { direction = 1; searchRange.setEndPoint("StartToEnd", childRange); searchRange.setEndPoint("EndToEnd", parentRange); } // search backwards else { direction = -1; searchRange.setEndPoint("StartToEnd", parentRange); searchRange.setEndPoint("EndToEnd", childRange); // caused by ranges childPosition--; } } // start at the beginning else { direction = 1; searchRange = parentRange.duplicate(); } } else { if (direction == 1) searchRange = parentRange.duplicate(); else { searchRange = backwardRange.duplicate(); searchRange.setEndPoint("StartToEnd", parentRange); } } var node=parentElement.childNodes[childPosition]; var currentOffsetRange = searchRange.duplicate(); if (direction==1) { // text length of the current node var nodeLength = 0; var br = 0; while (node) { if (node.nodeName == 'BR') br++; nodeLength = this._getTextLength(node); if (currentOffsetRange.text.length > nodeLength) { currentOffsetRange.moveStart('character', nodeLength + br); br = 0; } else break; node = node.nextSibling; } offset = currentOffsetRange.text.length; } // go backwards else { var nodeLength = 0; var br = 0; while (node) { if (node.nodeName == 'BR') br++; nodeLength = this._getTextLength(node); if (currentOffsetRange.text.length > nodeLength) { var length = currentOffsetRange.text.length; currentOffsetRange.moveEnd('character', -(nodeLength+br)); // NOTE v.mische Sometimes the range isn't move as far as // expected. I don't know whenwhy it happens, but it does if (br == 0) { var diff = (length-nodeLength) - currentOffsetRange.text.length; currentOffsetRange.moveEnd('character', diff); } br = 0; } else break; if (node.previousSibling) node = node.previousSibling; else break; } offset = nodeLength - currentOffsetRange.text.length; } return {'node': node, 'offset': offset}; }, /* Property: _getTextLength Get the length of the text of a DOM node. Arguments: node - (DOM node) [required] The node you what to know the length of. Example: (start code) var node = document.createTextNode("foo"); _getTextLength(node) // returns 3 (end code) Returns: (int) Length of a DOM node. */ _getTextLength: function(node) { if (node.nodeType == WYM_NODE.ELEMENT) return node.innerText.length; else if (node.nodeType == WYM_NODE.TEXT) return node.data.length; }, /* Property: deleteIfExpanded Delete contents of a selection Example: (start code) var sel = wym.selection.getSelection(); sel.deleteIfExpanded(); (end code) Returns: (boolean) True if it was expanded and thus deleted */ deleteIfExpanded: function() { if(!this.isCollapsed) { this.original.clear(); return true; } return false; } }; /* * WYMeditor : what you see is What You Mean web-based editor * Copyright (C) 2007 H.O.net - http://www.honet.be/ * 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@wymeditor.org) * Volker Mische (vmx@gmx.de) * Bermi Ferrer (wymeditor a-t bermi dotorg) * Frédéric Palluel-Lafleur (fpalluel@gmail.com) */ function WymClassMozilla(wym) { this._wym = wym; this._class = "class"; this._newLine = "\n"; }; WymClassMozilla.prototype.initIframe = function(iframe) { 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; //init html value this.html(this._wym._html); //init designMode this.enableDesignMode(); //pre-bind functions if(jQuery.isFunction(this._options.preBind)) this._options.preBind(this); //bind external events this._wym.bindEvents(); //bind editor keydown events jQuery(this._doc).bind("keydown", this.keydown); //bind editor keyup events jQuery(this._doc).bind("keyup", this.keyup); //bind editor focus events (used to reset designmode - Gecko bug) jQuery(this._doc).bind("focus", this.enableDesignMode); //post-init functions if(jQuery.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 */ WymClassMozilla.prototype.html = function(html) { if(html) { //disable designMode this._doc.designMode = "off"; //replace em by i and strong by bold //(designMode issue) html = html.replace(/between paragraphs jQuery(wym._doc.body).children(WYM_BR).remove(); //fix PRE bug #73 container = wym.selected(); if(container && container.tagName.toLowerCase() == WYM_PRE) wym._exec(WYM_FORMAT_BLOCK, WYM_P); //create P after PRE } else if(evt.keyCode != 8 && evt.keyCode != 17 && evt.keyCode != 46 && evt.keyCode != 224 && !evt.metaKey && !evt.ctrlKey) { //NOT BACKSPACE, NOT DELETE, NOT CTRL, NOT COMMAND //text nodes replaced by P container = wym.selected(); var name = container.tagName.toLowerCase(); //fix forbidden main containers if( name == "strong" || name == "b" || name == "em" || name == "i" || name == "sub" || name == "sup" || name == "a" ) name = container.parentNode.tagName.toLowerCase(); if(name == WYM_BODY) wym._exec(WYM_FORMAT_BLOCK, WYM_P); } }; WymClassMozilla.prototype.enableDesignMode = function() { if(this.designMode == "off") { try { this.designMode = "on"; this.execCommand("styleWithCSS", '', false); } catch(e) { } } }; WymClassMozilla.prototype.setFocusToNode = function(node) { var range = document.createRange(); range.selectNode(node); var selected = this._iframe.contentWindow.getSelection(); selected.addRange(range); selected.collapse(node, node.childNodes.length); this._iframe.contentWindow.focus(); }; 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); }; WymClassMozilla.prototype.getTagForStyle = function(style) { if(/bold/.test(style)) return 'strong'; if(/italic/.test(style)) return 'em'; if(/sub/.test(style)) return 'sub'; if(/sub/.test(style)) return 'super'; return false; }; /********** SELECTION API **********/ function WymSelMozilla(wym) { this._wym = wym; }; WymSelMozilla.prototype = { getSelection: function() { var _sel = this._wym._iframe.contentWindow.getSelection(); // NOTE v.mische can startNode/endNote be phantom nodes? this.startNode = _sel.getRangeAt(0).startContainer; this.endNode = _sel.getRangeAt(0).endContainer; this.startOffset = _sel.getRangeAt(0).startOffset; this.endOffset = _sel.getRangeAt(0).endOffset; this.isCollapsed = _sel.isCollapsed; this.original = _sel; this.container = jQuery(this.startNode).parentsOrSelf( WYM_MAIN_CONTAINERS.join(","))[0]; return this; }, cursorToStart: function(jqexpr) { if (jqexpr.nodeType == WYM_NODE.TEXT) jqexpr = jqexpr.parentNode; var firstTextNode = jQuery(jqexpr)[0]; while (firstTextNode.nodeType!=WYM_NODE.TEXT) { if (!firstTextNode.hasChildNodes()) break; firstTextNode = firstTextNode.firstChild; } if (isPhantomNode(firstTextNode)) firstTextNode = firstTextNode.nextSibling; // e.g. an
between paragraphs jQuery(wym._doc.body).children(WYM_BR).remove(); } else if(evt.keyCode != 8 && evt.keyCode != 17 && evt.keyCode != 46 && evt.keyCode != 224 && !evt.metaKey && !evt.ctrlKey) { // NOT BACKSPACE, NOT DELETE, NOT CTRL, NOT COMMAND // text nodes replaced by P var container = wym.selected(); var name = container.tagName.toLowerCase(); // fix forbidden main containers if( name == "strong" || name == "b" || name == "em" || name == "i" || name == "sub" || name == "sup" || name == "a" ) name = container.parentNode.tagName.toLowerCase(); if(name == WYM_BODY) wym._exec(WYM_FORMAT_BLOCK, WYM_P); } }; /* @name enableDesignMode * @description Enables live editing of the iframe document. */ WymClassSafari.prototype.enableDesignMode = function() { if(this._doc.designMode == "off") { try { this._doc.designMode = "on"; this._doc.execCommand("styleWithCSS", false, false); } catch(e) { } } }; /* @name setFocusToNode * @description Sets the focus to currently selected node. */ WymClassSafari.prototype.setFocusToNode = function(node) { var range = document.createRange(); range.selectNode(node); var selected = this._iframe.contentWindow.getSelection(); selected.addRange(range); selected.collapse(node, node.childNodes.length); this._iframe.contentWindow.focus(); }; /* @name openBlockTag * @description This function may not currently be in use. (Bermi?) */ WymClassSafari.prototype.openBlockTag = function(tag, attributes) { var attributes = this.validator.getValidTagAttributes(tag, attributes); // Handle Safari 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; } } if(tag != 'li' && (tag == 'ul' || tag == 'ol') && this.last_tag && !this.last_tag_opened && this.last_tag == 'li'){ this.output = this.output.replace(/<\/li>$/, ''); this.insertContentAfterClosingTag(tag, ''); } this.output += this.helper.tag(tag, attributes, true); }; /* @name closeBlockTag * @description This function may not currently be in use. (Bermi?) */ WymClassSafari.prototype.closeBlockTag = function(tag) { this.output = this.output.replace(/
$/, '')+this._getClosingTagContent('before', tag)+""+this._getClosingTagContent('after', tag); }; /* @name getTagForStyle * @description Converts styled tags to the correct (i.e., syntactically valid) xhtml tag. * @param string style The styled tag (?) * @return string|bool Returns the string tag name if matched. False if not matched. */ WymClassSafari.prototype.getTagForStyle = function(style) { if(/bold/.test(style)) return 'strong'; if(/italic/.test(style)) return 'em'; if(/sub/.test(style)) return 'sub'; if(/sub/.test(style)) return 'super'; return false; }; /********** SELECTION API **********/ /* @name WymSelSafari * @description Creates an instance of the SAPI * @param object The current wymeditor instance. * @return void */ function WymSelSafari(wym) { this._wym = wym; }; /* @name WymSelSafari * @description The Selection Application Programming Interface (SAPI) */ WymSelSafari.prototype = { getSelection: function() { var _sel = this._wym._iframe.contentWindow.getSelection(); var range = this._getRange(); this.startNode = this._startNode(_sel, range); this.endNode = this._endNode(_sel, range); this.startOffset = range.startOffset; this.endOffset = range.endOffset; this.length = new String(_sel).length; this.isCollapsed = _sel.isCollapsed; this.original = _sel; this.container = jQuery(this.startNode).parentsOrSelf(WYM_MAIN_CONTAINERS.join(","))[0]; return this; }, newNode: function() { var _id = this._wym.uniqueStamp(); jQuery(this._wym._iframe.contentDocument.body).append(''); return this._wym._iframe.contentDocument.getElementById(_id); }, _getRange: function() { return this._wym._iframe.contentDocument.createRange(); }, _startNode: function(_sel, range) { var node; if (_sel.baseNode && _sel.basNode == "#text") { node = _sel.baseNode.parentNode; } if (_sel.baseNode) { node = _sel.baseNode; } else { node = range.startNode; } return node; }, _endNode: function(_sel, range) { var node; if (_sel.focusNode && _sel.focusNode == "#text") { node = _sel.focusNode.parentNode; } if (_sel.focusNode) { node = _sel.focusNode; } else { node = range.endNode; } return node; }, cursorToStart: function(jqexpr) { if (jqexpr.nodeType == WYM_NODE.TEXT) jqexpr = jqexpr.parentNode; var firstTextNode = $(jqexpr)[0]; while (firstTextNode.nodeType!=WYM_NODE.TEXT) { if (!firstTextNode.hasChildNodes()) break; firstTextNode = firstTextNode.firstChild; } if (isPhantomNode(firstTextNode)) firstTextNode = firstTextNode.nextSibling; // e.g. an
");
for (key in obj)
{
win2.document.write(key + ": " + obj[key]);
}
win2.document.write("");
win2.document.close();
};
/* @name _test
* @description Dynamically adds a 'test' link to the document so that test events can be attached
* to the link.onClick event.
* @param function callback The test function to attach.
* @return void
*/
_test = function(callback) {
jQuery(document.body).append(
""
);
jQuery("#btn-test").click(callback);
};
/* @name nativeExecCommands
* @description An array of execCommands natively supported by the Apple Web-Core browser engine.
* This list is current as of Web-Core
*/
var nativeExecCommands = [
'BackColor',
'Bold',
'Copy',
'Cut',
'Delete',
'FontName',
'FontSize',
'FontSizeDelta',
'ForeColor',
'ForwardDelete',
'InsertLineBreak',
'InsertParagraph',
'InsertText',
'Italic',
'JustifyCenter',
'JustifyFull',
'JustifyLeft',
'JustifyNone',
'JustifyRight',
'Paste',
'PasteAndMatchStyle',
'Print',
'Redo',
'SelectAll',
'Subscript',
'Superscript',
'Underline',
'Undo',
'Unselect'
];
/* @name isNative
* @description isNative is a Safari-only hack that checks the 'nativeExecCommands' array
* for a command name. It determines if a command can be executed by the native
* web-core code or if a custom over-ride needs to be called.
*
* @param string cmd The command name
* @return bool Whether or not the command being checked is natively supported.
*/
WymClassSafari.prototype.isNative = function(cmd)
{
for (i=0; i<\/\2>([^<]*)/g, "<$2>$1$3"); }; WymClassSafari.prototype.selectAll = function(param) { this.currentSelection.setBaseAndExtent(this._doc.body, 0, w._doc.body, w._doc.body.length); }; /* @name update * @description Updates the HTML textarea with the current version of the iframe document * @return void */ WymClassSafari.prototype.update = function() { var html = this.cleanup(this.removeWymAttributesFromXhtml(this.xhtml())); jQuery(this._element).val(html); jQuery(this._box).find(this._options.htmlValSelector).val(html); }; /* @name cleanup * @description Removes Apple-style-span tags and attributes (currently a bit buggy) * @param string xhtml The xhtml including Apple-span-tag tags and attributes * @return string The clean xhtml */ WymClassSafari.prototype.cleanup = function(xhtml) { // remove Safari style spans return xhtml.replace(/(.*)<\/span>/gi, "$1") // remove any style-span classes from valid elements (e.g., strong, em, etc.) .replace(/ class="Apple-style-span"/gi, ""); }; /* @name handleEnter * @description Custom case-handling for when the enter key is pressed. * @param event evt The current window event * @return bool Whether or not the current event should be continued */ WymClassSafari.prototype.handleEnter = function(evt){ var selected = this.selected(); if(true || jQuery.browser.version < 10000){ if(evt.shiftKey){ if(!this.selectedHtml && this.selectedText == selected.innerHTML){ selected.innerHTML = this.emptyChar()+'
'+this.emptyChar(); } return false; } this.handleEnterOnListItem(selected); } return true; }; /* @name handleBackspace * @description Custom case-handling for when the back-space key is pressed. * @return bool true (allows the current event to continue) */ WymClassSafari.prototype.handleBackspace = function(){ var selected = this.selected(); if(true || jQuery.browser.version < 10000){ if(selected.tagName == 'P' && selected.innerHTML == ''){ // Todo: move caret to the end of previous sibling var parent = selected.parentNode; parent.removeChild(selected); } } return true; }; /* @name handleEnterOnListItem * @description Custom case-handling for when the back-space key is pressed inside a list item * (not fully implemented) * @return void */ WymClassSafari.prototype.handleEnterOnListItem = function(selected) { if(selected.tagName == 'LI' && selected.parentNode) { // If we access the text on the right of current carret a new list item will be added if((this.isCollapsed && selected.innerHTML && this.selectionCopy.d ? selected.innerHTML.substring(this.selectionCopy.d) : '') == ''){ // remove the last empty list item and insert a new paragraph if(selected.innerHTML.trim() == ''){ this.insertTagAfter(this.deleteSelectedNode(), 'p', ''); // New list item }else if (this.isCollapsed){ this.insertTagAfter(selected, 'li', ''); // we are selecting all the text in a list item }else if(this.selectedText == selected.innerHTML || selected.innerHTML == this.selectedHtml){ if(selected.nextSibling == undefined){ // last item this.insertTagAfter(this.deleteSelectedNode(), 'p', ''); }else{ this.insertTagAfter(this.deleteContents(selected), 'li', ''); } }else{ // New list item var selectedText = this.selectedHtml || this.selectedText; // selecting text up to the end if(this.selectionCopy.b+selectedText.length == selected.innerHTML.length){ this.removeSelection(); // replace the HTML with the left of the selection selected.innerHTML = selected.innerHTML.substring(0,this.selectionCopy.b); this.insertTagAfter(selected, 'li', ''); } } } } }; /* @name wrap * @description Wrap a selection in a container tag * @param object sel The selection object * @param string tag The name of the tag to wrap the selection * @param object options The attributes to apply to the new tag * @return void * * A hearty thanks to Brian Donovan (http://dev.lophty.com) for this solution. * I had the right idea and had it partially working but without his Ahoy code examples * and thorough explanations, it would have taken me a lot longer to solve (if at all). */ WymClassSafari.prototype.wrap = function(sel, tag, options) { var _doc = this._iframe.contentDocument; var fragment = _doc.createDocumentFragment(); // Create range before selection // When text is selected via double-click, Safari jacks the offsets // so we need to detect the double-click and adjust accordingly. var preSelectionRange = this.range( _doc, sel, sel.anchorNode, sel.anchorNode, 0, window.isDblClick ? sel.anchorOffset - 2 : sel.anchorOffset); // Create the range for the selection var range = this.range( _doc, sel, sel.anchorNode, sel.focusNode, sel.anchorOffset, sel.focusOffset); // Create range after selection // When text is selected via double-click, Safari jacks the offsets // so we need to detect the double-click and adjust accordingly. var postSelectionRange = this.range( _doc, sel, sel.focusNode, sel.focusNode, window.isDblClick ? sel.focusOffset + 2 : sel.focusOffset, sel.focusNode.nodeValue.length); // Create the new 'wrap' tag var wrapper = this._iframe.contentDocument.createElement(tag); for (prop in options) { wrapper[prop] = options[prop]; } wrapper.appendChild(_doc.createTextNode(sel)); // Append the 3 nodes to the document fragment in // consecutive order fragment.appendChild(_doc.createTextNode(preSelectionRange.toString())); fragment.appendChild(wrapper); fragment.appendChild(_doc.createTextNode(postSelectionRange.toString())); // Replace the text node containing the selection with // the document fragment that we've prepared. sel.anchorNode.parentNode.replaceChild(fragment, sel.anchorNode.parentNode.childNodes[0]); }; /* @name range * @description Creates a new range and sets the start and end * @param object doc A document object * @param object sel The selection object * @param object startNode The beginning node of the selection * @param object endNode The end node of the selection * @param int startOffset The beginning offset of the selection * @param int endOffset The end offset of the selection * @return object A range object */ WymClassSafari.prototype.range = function(doc, sel, startNode, endNode, startOffset, endOffset) { var range = doc.createRange(); range.setStart(startNode, startOffset); range.setEnd(endNode, endOffset); return range; };