dojo_src 1.4.102 → 1.5.0

data/dojo/dojox/editor/plugins/PasteFromWord.js

@@ -0,0 +1,206 @@
+dojo.provide("dojox.editor.plugins.PasteFromWord");
+
+dojo.require("dijit._editor._Plugin");
+dojo.require("dijit.form.Button");
+dojo.require("dijit.Dialog");
+dojo.require("dojo.i18n");
+dojo.require("dojo.string");
+dojo.require("dojox.html.format");
+
+dojo.requireLocalization("dojox.editor.plugins", "PasteFromWord");
+
+dojo.declare("dojox.editor.plugins.PasteFromWord",dijit._editor._Plugin,{
+	// summary:
+	//		This plugin provides PasteFromWord cabability to the editor.  When 
+	//		clicked, a dialog opens with a spartan RichText instance to paste
+	//		word content into via the keyboard commands.  The contents are 
+	//		then filtered to remove word style classes and other meta-junk
+	//		that tends to cause issues.
+
+	// iconClassPrefix: [const] String
+	//		The CSS class name for the button node is formed from `iconClassPrefix` 
+	//		and `command`
+	iconClassPrefix: "dijitAdditionalEditorIcon",
+
+	// width: [public] String
+	//		The width to use for the rich text area in the copy/pate dialog, in px.  Default is 400px.
+	width: "400px",
+
+	// height: [public] String
+	//		The height to use for the rich text area in the copy/pate dialog, in px.  Default is 300px.
+	height: "300px",
+
+	_template: ["<div class='dijitPasteFromWordEmbeddedRTE'>",
+				"<div style='width: ${width}; padding-top: 5px; padding-bottom: 5px;'>${instructions}</div>",
+				"<div id='${uId}_rte' style='width: ${width}; height: ${height}'></div>",
+				"<table style='width: ${width}' tabindex='-1'>", 
+					"<tbody>",
+						"<tr>",
+							"<td align='center'>",
+								"<button type='button' dojoType='dijit.form.Button' id='${uId}_paste'>${paste}</button>",
+								"&nbsp;",
+								"<button type='button' dojoType='dijit.form.Button' id='${uId}_cancel'>${cancel}</button>",
+							"</td>",
+						"</tr>",
+					"</tbody>",
+				"</table>",
+			   "</div>"].join(""),
+
+	// _filters: [private] Array
+	//		The filters is an array of regular expressions to try and strip out a lot
+	//		of style data MS Word likes to insert when pasting into a contentEditable.
+	//		Prettymuch all of it is junk and not good html.  The hander is a place to put a function 
+	//		for match handling.  In most cases, it just handles it as empty string.  But the option is
+	//		there for more complex handling.
+	_filters: [
+		// Meta tags, link tags, and prefixed tags
+		{regexp: /(<meta\s*[^>]*\s*>)|(<\s*link\s* href="file:[^>]*\s*>)|(<\/?\s*\w+:[^>]*\s*>)/gi, handler: ""},  
+		// Style tags
+		{regexp: /(?:<style([^>]*)>([\s\S]*?)<\/style>|<link\s+(?=[^>]*rel=['"]?stylesheet)([^>]*?href=(['"])([^>]*?)\4[^>\/]*)\/?>)/gi, handler: ""}, 
+		// MS class tags and comment tags.
+		{regexp: /(class="Mso[^"]*")|(<!--(.|\s){1,}?-->)/gi, handler: ""},
+		// blank p tags
+		{regexp: /(<p[^>]*>\s*(\&nbsp;|\u00A0)*\s*<\/p[^>]*>)|(<p[^>]*>\s*<font[^>]*>\s*(\&nbsp;|\u00A0)*\s*<\/\s*font\s*>\s<\/p[^>]*>)/ig, handler: ""}, 
+		// Strip out styles containing mso defs and margins, as likely added in IE and are not good to have as it mangles presentation.
+		{regexp: /(style="[^"]*mso-[^;][^"]*")|(style="margin:\s*[^;"]*;")/gi, handler: ""},
+		// Scripts (if any)
+		{regexp: /(<\s*script[^>]*>((.|\s)*?)<\\?\/\s*script\s*>)|(<\s*script\b([^<>]|\s)*>?)|(<[^>]*=(\s|)*[("|')]javascript:[^$1][(\s|.)]*[$1][^>]*>)/ig, handler: ""}
+	],
+
+	_initButton: function(){
+		// summary:
+		//		Over-ride for creation of the save button.
+		var strings = dojo.i18n.getLocalization("dojox.editor.plugins", "PasteFromWord");
+		this.button = new dijit.form.Button({
+			label: strings["pasteFromWord"],
+			showLabel: false,
+			iconClass: this.iconClassPrefix + " " + this.iconClassPrefix + "PasteFromWord",
+			tabIndex: "-1",
+			onClick: dojo.hitch(this, "_openDialog")
+		});
+
+		this._uId = dijit.getUniqueId(this.editor.id);
+
+		strings.uId = this._uId;
+		strings.width = this.width || "400px";
+		strings.height = this.height || "300px";
+
+		this._dialog = new dijit.Dialog({title: strings["pasteFromWord"]}).placeAt(dojo.body());
+		this._dialog.set("content", dojo.string.substitute(this._template, strings));
+
+		// Make it translucent so we can fade in the window when the RTE is created.
+		// the RTE has to be created 'visible, and this is a ncie trick to make the creation
+		// 'pretty'.
+		dojo.style(dojo.byId(this._uId + "_rte"), "opacity", 0.001);
+
+		// Link up the action buttons to perform the insert or cleanup.
+		this.connect(dijit.byId(this._uId + "_paste"), "onClick", "_paste");
+		this.connect(dijit.byId(this._uId + "_cancel"), "onClick", "_cancel");
+		this.connect(this._dialog, "onHide", "_clearDialog");
+	},
+
+	setEditor: function(editor){
+		// summary:
+		//		Over-ride for the setting of the editor.
+		// editor: Object
+		//		The editor to configure for this plugin to use.
+		this.editor = editor;
+		this._initButton();
+	},
+
+	_openDialog: function(){
+		// summary:
+		//		Function to trigger opening the copy dialog.
+		// tags:
+		//		private
+		this._dialog.show();
+		if(!this._rte){
+			// RTE hasn't been created yet, so we need to create it now that the 
+			// dialog is showing up.
+			setTimeout(dojo.hitch(this, function() {
+				this._rte = new dijit._editor.RichText({height: this.height || "300px"}, this._uId + "_rte");
+				this._rte.onLoadDeferred.addCallback(dojo.hitch(this, function() {
+					dojo.animateProperty({
+						node: this._rte.domNode, properties: { opacity: { start: 0.001, end: 1.0 } }
+					}).play();
+				}));
+			}), 100);
+		}
+	},
+
+	_paste: function(){
+		// summary:
+		//		Function to handle setting the contents of the copy from dialog 
+		//		into the editor.
+		// tags:
+		//		private
+
+		// Gather the content and try to format it a bit (makes regexp cleanup simpler).
+		// It also normalizes tag names and styles, so regexps are the same across browsers.
+		var content = dojox.html.format.prettyPrint(this._rte.get("value"));
+
+		//Close up the dialog and clear old content.
+		this._dialog.hide();
+		
+		// Apply all the filters to remove MS specific injected text.
+		var i;
+		for(i = 0; i < this._filters.length; i++){
+			var filter  = this._filters[i];
+			content = content.replace(filter.regexp, filter.handler);
+		}
+
+		// Format it again to make sure it is reasonably formatted as
+		// the regexp applies will have likely chewed up the formatting.
+		content = dojox.html.format.prettyPrint(content);
+
+		// Paste it in.
+		this.editor.execCommand("inserthtml", content);
+	},
+
+	_cancel: function(){
+		// summary:
+		//		Function to handle cancelling setting the contents of the 
+		//		copy from dialog into the editor.
+		// tags:
+		//		private
+		this._dialog.hide();
+	},
+
+	_clearDialog: function(){
+		// summary:
+		//		simple function to cleat the contents when hide is calledon dialog
+		//		copy from dialog into the editor.
+		// tags:
+		//		private
+		this._rte.set("value", "");
+	},
+
+	destroy: function(){
+		// sunnary:
+		//		Cleanup function
+		// tags:
+		//		public
+		if(this._rte){
+			this._rte.destroy();
+		}
+		if(this._dialog){
+			this._dialog.destroyRecursive();
+		}
+		delete this._dialog;
+		delete this._rte;
+		this.inherited(arguments);
+	}
+
+});
+
+// Register this plugin.
+dojo.subscribe(dijit._scopeName + ".Editor.getPlugin",null,function(o){
+	if(o.plugin){ return; }
+	var name = o.args.name.toLowerCase();
+	if(name === "pastefromword"){
+		o.plugin = new dojox.editor.plugins.PasteFromWord({
+			width: ("width" in o.args)?o.args.width:"400px",
+			height: ("height" in o.args)?o.args.width:"300px"
+		});
+	}
+});

data/dojo/dojox/editor/plugins/Preview.js

@@ -56,7 +56,7 @@ dojo.declare("dojox.editor.plugins.Preview",dijit._editor._Plugin,{
 		// tags:
 		//		private
 		try{
-			var content = this.editor.attr("value");
+			var content = this.editor.get("value");
 			var head = "\t\t<meta http-equiv='Content-Type' content='text/html; charset='UTF-8'>\n";
 			var i;
 			// Apply the stylesheets, then apply the styles.

data/dojo/dojox/editor/plugins/Save.js

@@ -55,7 +55,7 @@ dojo.declare("dojox.editor.plugins.Save",dijit._editor._Plugin,{
 		//		Function to trigger saving of the editor document
 		// tags:
 		//		private
-		var content = this.editor.attr("value");
+		var content = this.editor.get("value");
 		this.save(content);
 	},
 
@@ -79,7 +79,7 @@ dojo.declare("dojox.editor.plugins.Save",dijit._editor._Plugin,{
 				headers: headers,
 				handleAs: "text"
 			};
-			this.button.attr("disabled", true);
+			this.button.set("disabled", true);
 			var deferred = dojo.xhrPost(postArgs);
 			deferred.addCallback(dojo.hitch(this, this.onSuccess));
 			deferred.addErrback(dojo.hitch(this, this.onError));
@@ -96,7 +96,7 @@ dojo.declare("dojox.editor.plugins.Save",dijit._editor._Plugin,{
 		//		The response from the server, if any, in text format.
 		// tags:
 		//		public
-		this.button.attr("disabled", false);
+		this.button.set("disabled", false);
 		if(this.logResults){
 			console.log(resp);
 		}
@@ -110,7 +110,7 @@ dojo.declare("dojox.editor.plugins.Save",dijit._editor._Plugin,{
 		//		The response from the server, if any, in text format.
 		// tags:
 		//		public
-		this.button.attr("disabled", false);
+		this.button.set("disabled", false);
 		if(this.logResults){
 			console.log(error);
 		}

data/dojo/dojox/editor/plugins/ShowBlockNodes.js

@@ -52,7 +52,7 @@ dojo.declare("dojox.editor.plugins.ShowBlockNodes",dijit._editor._Plugin,{
 	toggle: function(){
 		// summary:
 		//		Function to allow programmatic toggling of the view.
-		this.button.attr("checked", !this.button.attr("checked"));
+		this.button.set("checked", !this.button.get("checked"));
 	},
 
 	_showBlocks: function(show){

data/dojo/dojox/editor/plugins/Smiley.js

@@ -11,7 +11,7 @@ dojo.requireLocalization("dojox.editor.plugins", "Smiley");
 
 dojo.declare("dojox.editor.plugins.Smiley", dijit._editor._Plugin, {
 	// summary:
-	//		This plugin allows the user to select from emoticons or "smileys" 
+	//		This plugin allows the user to select from emoticons or "smileys"
 	//		to insert at the current cursor position.
 	//
 	// description:
@@ -22,23 +22,34 @@ dojo.declare("dojox.editor.plugins.Smiley", dijit._editor._Plugin, {
 	//		The CSS class name for the button node is formed from `iconClassPrefix` and `command`
 	iconClassPrefix: "dijitAdditionalEditorIcon",
 
+	// a marker for emoticon wrap like [:-)] for regexp convienent
+	// when a message which contains an emoticon stored in a database or view source, this marker include also
+	// but when user enter an emoticon by key board, user don't need to enter this marker.
+	// also emoticon definition character set can not contains this marker
+	emoticonMarker: '[]',
+
+	emoticonImageClass: 'dojoEditorEmoticon',
+
 	_initButton: function(){
 		// summary:
-		//		Over-ride for creation of the save button.
+		//
 		this.dropDown = new dojox.editor.plugins._SmileyPalette();
-		this.connect(this.dropDown, "onChange", function(emoticon){
+		this.connect(this.dropDown, "onChange", function(ascii){
 			this.button.closeDropDown();
 			this.editor.focus();
-			this.editor.execCommand("inserthtml", emoticon);
+			//
+			ascii = this.emoticonMarker.charAt(0) + ascii + this.emoticonMarker.charAt(1);
+			this.editor.execCommand("inserthtml", ascii);
 		});
-		var strings = dojo.i18n.getLocalization("dojox.editor.plugins", "Smiley");
+		this.i18n = dojo.i18n.getLocalization("dojox.editor.plugins", "Smiley");
 		this.button = new dijit.form.DropDownButton({
-			label: strings.smiley,
+			label: this.i18n.smiley,
 			showLabel: false,
 			iconClass: this.iconClassPrefix + " " + this.iconClassPrefix + "Smiley",
 			tabIndex: "-1",
 			dropDown: this.dropDown
 		});
+		this.emoticonImageRegexp = new RegExp("class=(\"|\')" + this.emoticonImageClass + "(\"|\')");
 	},
 
 	setEditor: function(editor){
@@ -48,36 +59,51 @@ dojo.declare("dojox.editor.plugins.Smiley", dijit._editor._Plugin, {
 		//		The editor to configure for this plugin to use.
 		this.editor = editor;
 		this._initButton();
-
-/*
-		this.editor.addKeyHandler("s", true, true, dojo.hitch(this, function() {
-			this.button.openDropDown();
-			this.dropDown.focus();
-		}));
-*/
-
-//		editor.contentPreFilters.push(this._preFilterEntities);
-//		editor.contentPostFilters.push(this._postFilterEntities);
+		this.editor.contentPreFilters.push(dojo.hitch(this, this._preFilterEntities));
+		this.editor.contentPostFilters.push(dojo.hitch(this, this._postFilterEntities));
 	},
 
-	_preFilterEntities: function(s/*String content passed in*/){
+	_preFilterEntities: function(/*String content passed in*/ value){
 		// summary:
 		//		A function to filter out emoticons into their UTF-8 character form
 		//		displayed in the editor.  It gets registered with the preFilters
 		//		of the editor.
 		// tags:
 		//		private.
-//TODO
+		//
+		//
+		return value.replace(/\[([^\]]*)\]/g, dojo.hitch(this, this._decode));
 	},
 
-	_postFilterEntities: function(s/*String content passed in*/){
+	_postFilterEntities: function(/*String content passed in*/ value){
 		// summary:
-		//		A function to filter out emoticons into encoded form so they 
-		//		are properly displayed in the editor.  It gets registered with the 
+		//		A function to filter out emoticons into encoded form so they
+		//		are properly displayed in the editor.  It gets registered with the
 		//		postFilters of the editor.
 		// tags:
 		//		private.
-//TODO
+		return value.replace(/<img [^>]*>/gi, dojo.hitch(this, this._encode));
+	},
+
+	_decode: function(str, ascii){
+		// summary:
+		//		Pre-filter for editor to convert strings like [:-)] into an <img> of the corresponding smiley
+		var emoticon = dojox.editor.plugins.Emoticon.fromAscii(ascii);
+		return emoticon ? emoticon.imgHtml(this.emoticonImageClass) : ascii;
+	},
+
+	_encode: function(str){
+		// summary:
+		//		Post-filter for editor to convert <img> nodes of smileys into strings like [:-)]
+		
+		// Each <img> node has an alt tag with it's ascii representation, so just use that.
+		// TODO: wouldn't this be easier as a postDomFilter ?
+		if(str.search(this.emoticonImageRegexp) > -1){
+			return this.emoticonMarker.charAt(0) + str.replace(/(<img [^>]*)alt="([^"]*)"([^>]*>)/, "$2") + this.emoticonMarker.charAt(1);
+		}
+		else{
+			return str;
+		}
 	}
 });
 

data/dojo/dojox/editor/plugins/StatusBar.js

@@ -0,0 +1,172 @@
+dojo.provide("dojox.editor.plugins.StatusBar");
+
+dojo.require("dijit._editor._Plugin");
+dojo.require("dijit.Toolbar");
+dojo.require("dojox.layout.ResizeHandle");
+
+dojo.experimental("dojox.editor.plugins.StatusBar");
+
+
+dojo.declare("dojox.editor.plugins._StatusBar", [dijit._Widget, dijit._Templated],{
+	// templateString: String
+	//		Template for the widget.  Currently using table to get the alignment behavior and
+	//		bordering I wanted.  Would prefer not to use table, though.
+	templateString: '<div class="dojoxEditorStatusBar">' +
+		'<table><tbody><tr>'+
+		'<td class="dojoxEditorStatusBarText" tabindex="-1" aria-role="presentation" aria-live="aggressive"><span dojoAttachPoint="barContent">&nbsp;</span></td>' + 
+		'<td><span dojoAttachPoint="handle"></span></td>' +
+		'</tr></tbody><table>'+
+	'</div>',
+
+	_getValueAttr: function(){
+		// summary:
+		//		Over-ride to get the value of the status bar from the widget.
+		// tags:
+		//		Protected
+		return this.barContent.innerHTML;
+	},
+
+	_setValueAttr: function(str){
+		// summary:
+		//		Over-ride to set the value of the status bar from the widget.
+		//		If no value is set, it is replaced with a non-blocking space.
+		// str: String
+		//		The string to set as the status bar content.
+		// tags:
+		//		protected
+		if(str){
+			str = dojo.trim(str);
+			if(!str){
+				str = "&nbsp;";
+			}
+		}else{
+			str = "&nbsp;";
+		}
+		this.barContent.innerHTML = str;
+	}
+});
+
+dojo.declare("dojox.editor.plugins.StatusBar",dijit._editor._Plugin,{
+	// summary:
+	//		This plugin provides StatusBar cabability to the editor.
+	//		Basically a footer bar where status can be published.  It also
+	//		puts a resize handle on the status bar, allowing you to resize the
+	//		editor via mouse.
+
+	// statusBar: [protected]
+	//		The status bar and resizer.
+	statusBar: null,
+
+	// resizer: [public] Boolean
+	//		Flag indicating that a resizer should be shown or not.  Default is true.
+	//		There are cases (such as using center pane border container to autoresize the editor
+	//		That a resizer is not valued.
+	resizer: true,
+
+	setEditor: function(editor){
+		// summary:
+		//		Over-ride for the setting of the editor.
+		// editor: Object
+		//		The editor to configure for this plugin to use.
+		this.editor = editor;
+		this.statusBar = new dojox.editor.plugins._StatusBar();
+		if(this.resizer){
+			this.resizeHandle = new dojox.layout.ResizeHandle({targetId: this.editor, activeResize: true}, this.statusBar.handle);
+			this.resizeHandle.startup();
+		}else{
+			dojo.style(this.statusBar.handle.parentNode, "display", "none");
+		}
+		var pos = null;
+		if(editor.footer.lastChild){
+			pos = "after";
+		}
+		dojo.place(this.statusBar.domNode, editor.footer.lastChild || editor.footer, pos);
+		this.statusBar.startup();
+		this.editor.statusBar = this;
+
+		// Register a pub-sub event to listen for status bar messages, in addition to being available off
+		// the editor as a property 'statusBar'
+		this._msgListener = dojo.subscribe(this.editor.id + "_statusBar", dojo.hitch(this, this._setValueAttr));
+	},
+
+	_getValueAttr: function(){
+		// summary:
+		//		Over-ride to get the value of the status bar from the widget.
+		// tags:
+		//	protected
+		return this.statusBar.get("value");
+	},
+
+	_setValueAttr: function(str){
+		// summary:
+		//		Over-ride to set the value of the status bar from the widget.
+		//		If no value is set, it is replaced with a non-blocking space.
+		// str: String
+		//	The String value to set in the bar.
+		// tags:
+		//		protected
+		this.statusBar.set("value", str);
+	},
+
+	set: function(attr, val){
+		// summary:
+		//		Quick and dirty implementation of 'set' pattern
+		// attr:
+		//		The attribute to set.
+		// val:
+		//		The value to set it to.
+		if(attr){
+			var fName = "_set" + attr.charAt(0).toUpperCase() + attr.substring(1, attr.length) + "Attr";
+			if(dojo.isFunction(this[fName])){
+				this[fName](val);
+			}else{
+				this[attr] = val;
+			}
+		}
+	},
+
+	get: function(attr){
+		// summary:
+		//		Quick and dirty implementation of 'get' pattern
+		// attr:
+		//		The attribute to get.
+		if(attr){
+			var fName = "_get" + attr.charAt(0).toUpperCase() + attr.substring(1, attr.length) + "Attr";
+			var f = this[fName];
+			if(dojo.isFunction(f)){
+				return this[fName]();
+			}else{
+				return this[attr];
+			}
+		}
+		return null;
+	},
+
+	destroy: function(){
+		// summary:
+		//		Over-ride to clean up the breadcrumb toolbar.
+		if(this.statusBar){
+			this.statusBar.destroy();
+			delete this.statusBar;
+		}
+		if(this.resizeHandle){
+			this.resizeHandle.destroy();
+			delete this.resizeHandle;
+		}
+		if(this._msgListener){
+			dojo.unsubscribe(this._msgListener);
+			delete this._msgListener;
+		}
+		delete this.editor.statusBar;
+	}
+});
+
+// Register this plugin.
+dojo.subscribe(dijit._scopeName + ".Editor.getPlugin",null,function(o){
+	if(o.plugin){ return; }
+	var name = o.args.name.toLowerCase();
+	if(name === "statusbar"){
+		var resizer = ("resizer" in o.args)?o.args.resizer:true;
+		o.plugin = new dojox.editor.plugins.StatusBar({resizer: resizer});
+	}
+});