mirror of
https://git.tt-rss.org/git/tt-rss.git
synced 2025-12-15 11:55:57 +00:00
upgrade Dojo to 1.6.1
This commit is contained in:
Andrew Dolgov
@@ -1,236 +1,516 @@
|
||||
/*
|
||||
Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved.
|
||||
Copyright (c) 2004-2011, The Dojo Foundation All Rights Reserved.
|
||||
Available via Academic Free License >= 2.1 OR the modified BSD license.
|
||||
see: http://dojotoolkit.org/license for details
|
||||
*/
|
||||
|
||||
|
||||
if(!dojo._hasResource["dijit._editor.plugins.LinkDialog"]){
|
||||
dojo._hasResource["dijit._editor.plugins.LinkDialog"]=true;
|
||||
if(!dojo._hasResource["dijit._editor.plugins.LinkDialog"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
|
||||
dojo._hasResource["dijit._editor.plugins.LinkDialog"] = true;
|
||||
dojo.provide("dijit._editor.plugins.LinkDialog");
|
||||
dojo.require("dijit._Widget");
|
||||
dojo.require("dijit._Templated");
|
||||
dojo.require("dijit._editor._Plugin");
|
||||
dojo.require("dijit.TooltipDialog");
|
||||
dojo.require("dijit.form.Button");
|
||||
dojo.require("dijit.form.DropDownButton");
|
||||
dojo.require("dijit.form.ValidationTextBox");
|
||||
dojo.require("dijit.form.Select");
|
||||
dojo.require("dijit._editor.range");
|
||||
dojo.require("dojo.i18n");
|
||||
dojo.require("dojo.string");
|
||||
dojo.requireLocalization("dijit","common",null,"ROOT,ar,ca,cs,da,de,el,es,fi,fr,he,hu,it,ja,ko,nb,nl,pl,pt,pt-pt,ro,ru,sk,sl,sv,th,tr,zh,zh-tw");
|
||||
dojo.requireLocalization("dijit._editor","LinkDialog",null,"ROOT,ar,ca,cs,da,de,el,es,fi,fr,he,hu,it,ja,ko,nb,nl,pl,pt,pt-pt,ro,ru,sk,sl,sv,th,tr,zh,zh-tw");
|
||||
dojo.declare("dijit._editor.plugins.LinkDialog",dijit._editor._Plugin,{buttonClass:dijit.form.DropDownButton,useDefaultCommand:false,urlRegExp:"((https?|ftps?|file)\\://|./|/|)(/[a-zA-Z]{1,1}:/|)(((?:(?:[\\da-zA-Z](?:[-\\da-zA-Z]{0,61}[\\da-zA-Z])?)\\.)*(?:[a-zA-Z](?:[-\\da-zA-Z]{0,80}[\\da-zA-Z])?)\\.?)|(((\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])\\.){3}(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])|(0[xX]0*[\\da-fA-F]?[\\da-fA-F]\\.){3}0[xX]0*[\\da-fA-F]?[\\da-fA-F]|(0+[0-3][0-7][0-7]\\.){3}0+[0-3][0-7][0-7]|(0|[1-9]\\d{0,8}|[1-3]\\d{9}|4[01]\\d{8}|42[0-8]\\d{7}|429[0-3]\\d{6}|4294[0-8]\\d{5}|42949[0-5]\\d{4}|429496[0-6]\\d{3}|4294967[01]\\d{2}|42949672[0-8]\\d|429496729[0-5])|0[xX]0*[\\da-fA-F]{1,8}|([\\da-fA-F]{1,4}\\:){7}[\\da-fA-F]{1,4}|([\\da-fA-F]{1,4}\\:){6}((\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])\\.){3}(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])))(\\:\\d+)?(/(?:[^?#\\s/]+/)*(?:[^?#\\s/]+(?:\\?[^?#\\s/]*)?(?:#.*)?)?)?",emailRegExp:"<?(mailto\\:)([!#-'*+\\-\\/-9=?A-Z^-~]+[.])*[!#-'*+\\-\\/-9=?A-Z^-~]+"+"@"+"((?:(?:[\\da-zA-Z](?:[-\\da-zA-Z]{0,61}[\\da-zA-Z])?)\\.)+(?:[a-zA-Z](?:[-\\da-zA-Z]{0,6}[\\da-zA-Z])?)\\.?)|localhost|^[^-][a-zA-Z0-9_-]*>?",htmlTemplate:"<a href=\"${urlInput}\" _djrealurl=\"${urlInput}\""+" target=\"${targetSelect}\""+">${textInput}</a>",tag:"a",_hostRxp:new RegExp("^((([^\\[:]+):)?([^@]+)@)?(\\[([^\\]]+)\\]|([^\\[:]*))(:([0-9]+))?$"),_userAtRxp:new RegExp("^([!#-'*+\\-\\/-9=?A-Z^-~]+[.])*[!#-'*+\\-\\/-9=?A-Z^-~]+@","i"),linkDialogTemplate:["<table><tr><td>","<label for='${id}_urlInput'>${url}</label>","</td><td>","<input dojoType='dijit.form.ValidationTextBox' required='true' "+"id='${id}_urlInput' name='urlInput' intermediateChanges='true'>","</td></tr><tr><td>","<label for='${id}_textInput'>${text}</label>","</td><td>","<input dojoType='dijit.form.ValidationTextBox' required='true' id='${id}_textInput' "+"name='textInput' intermediateChanges='true'>","</td></tr><tr><td>","<label for='${id}_targetSelect'>${target}</label>","</td><td>","<select id='${id}_targetSelect' name='targetSelect' dojoType='dijit.form.Select'>","<option selected='selected' value='_self'>${currentWindow}</option>","<option value='_blank'>${newWindow}</option>","<option value='_top'>${topWindow}</option>","<option value='_parent'>${parentWindow}</option>","</select>","</td></tr><tr><td colspan='2'>","<button dojoType='dijit.form.Button' type='submit' id='${id}_setButton'>${set}</button>","<button dojoType='dijit.form.Button' type='button' id='${id}_cancelButton'>${buttonCancel}</button>","</td></tr></table>"].join(""),_initButton:function(){
|
||||
var _1=this;
|
||||
this.tag=this.command=="insertImage"?"img":"a";
|
||||
var _2=dojo.mixin(dojo.i18n.getLocalization("dijit","common",this.lang),dojo.i18n.getLocalization("dijit._editor","LinkDialog",this.lang));
|
||||
var _3=(this.dropDown=new dijit.TooltipDialog({title:_2[this.command+"Title"],execute:dojo.hitch(this,"setValue"),onOpen:function(){
|
||||
_1._onOpenDialog();
|
||||
dijit.TooltipDialog.prototype.onOpen.apply(this,arguments);
|
||||
},onCancel:function(){
|
||||
setTimeout(dojo.hitch(_1,"_onCloseDialog"),0);
|
||||
}}));
|
||||
_2.urlRegExp=this.urlRegExp;
|
||||
_2.id=dijit.getUniqueId(this.editor.id);
|
||||
this._uniqueId=_2.id;
|
||||
this._setContent(_3.title+"<div style='border-bottom: 1px black solid;padding-bottom:2pt;margin-bottom:4pt'></div>"+dojo.string.substitute(this.linkDialogTemplate,_2));
|
||||
_3.startup();
|
||||
this._urlInput=dijit.byId(this._uniqueId+"_urlInput");
|
||||
this._textInput=dijit.byId(this._uniqueId+"_textInput");
|
||||
this._setButton=dijit.byId(this._uniqueId+"_setButton");
|
||||
this.connect(dijit.byId(this._uniqueId+"_cancelButton"),"onClick",function(){
|
||||
this.dropDown.onCancel();
|
||||
dojo.requireLocalization("dijit", "common", null, "ROOT,ar,ca,cs,da,de,el,es,fi,fr,he,hu,it,ja,kk,ko,nb,nl,pl,pt,pt-pt,ro,ru,sk,sl,sv,th,tr,zh,zh-tw");
|
||||
dojo.requireLocalization("dijit._editor", "LinkDialog", null, "ROOT,ar,ca,cs,da,de,el,es,fi,fr,he,hu,it,ja,kk,ko,nb,nl,pl,pt,pt-pt,ro,ru,sk,sl,sv,th,tr,zh,zh-tw");
|
||||
|
||||
|
||||
dojo.declare("dijit._editor.plugins.LinkDialog", dijit._editor._Plugin, {
|
||||
// summary:
|
||||
// This plugin provides the basis for an 'anchor' (link) dialog and an extension of it
|
||||
// provides the image link dialog.
|
||||
//
|
||||
// description:
|
||||
// The command provided by this plugin is:
|
||||
// * createLink
|
||||
|
||||
// Override _Plugin.buttonClass. This plugin is controlled by a DropDownButton
|
||||
// (which triggers a TooltipDialog).
|
||||
buttonClass: dijit.form.DropDownButton,
|
||||
|
||||
// Override _Plugin.useDefaultCommand... processing is handled by this plugin, not by dijit.Editor.
|
||||
useDefaultCommand: false,
|
||||
|
||||
// urlRegExp: [protected] String
|
||||
// Used for validating input as correct URL. While file:// urls are not terribly
|
||||
// useful, they are technically valid.
|
||||
urlRegExp: "((https?|ftps?|file)\\://|\./|/|)(/[a-zA-Z]{1,1}:/|)(((?:(?:[\\da-zA-Z](?:[-\\da-zA-Z]{0,61}[\\da-zA-Z])?)\\.)*(?:[a-zA-Z](?:[-\\da-zA-Z]{0,80}[\\da-zA-Z])?)\\.?)|(((\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])\\.){3}(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])|(0[xX]0*[\\da-fA-F]?[\\da-fA-F]\\.){3}0[xX]0*[\\da-fA-F]?[\\da-fA-F]|(0+[0-3][0-7][0-7]\\.){3}0+[0-3][0-7][0-7]|(0|[1-9]\\d{0,8}|[1-3]\\d{9}|4[01]\\d{8}|42[0-8]\\d{7}|429[0-3]\\d{6}|4294[0-8]\\d{5}|42949[0-5]\\d{4}|429496[0-6]\\d{3}|4294967[01]\\d{2}|42949672[0-8]\\d|429496729[0-5])|0[xX]0*[\\da-fA-F]{1,8}|([\\da-fA-F]{1,4}\\:){7}[\\da-fA-F]{1,4}|([\\da-fA-F]{1,4}\\:){6}((\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])\\.){3}(\\d|[1-9]\\d|1\\d\\d|2[0-4]\\d|25[0-5])))(\\:\\d+)?(/(?:[^?#\\s/]+/)*(?:[^?#\\s/]{0,}(?:\\?[^?#\\s/]*)?(?:#.*)?)?)?",
|
||||
|
||||
// emailRegExp: [protected] String
|
||||
// Used for validating input as correct email address. Taken from dojox.validate
|
||||
emailRegExp: "<?(mailto\\:)([!#-'*+\\-\\/-9=?A-Z^-~]+[.])*[!#-'*+\\-\\/-9=?A-Z^-~]+" /*username*/ + "@" +
|
||||
"((?:(?:[\\da-zA-Z](?:[-\\da-zA-Z]{0,61}[\\da-zA-Z])?)\\.)+(?:[a-zA-Z](?:[-\\da-zA-Z]{0,6}[\\da-zA-Z])?)\\.?)|localhost|^[^-][a-zA-Z0-9_-]*>?", // host.
|
||||
|
||||
// htmlTemplate: [protected] String
|
||||
// String used for templating the HTML to insert at the desired point.
|
||||
htmlTemplate: "<a href=\"${urlInput}\" _djrealurl=\"${urlInput}\"" +
|
||||
" target=\"${targetSelect}\"" +
|
||||
">${textInput}</a>",
|
||||
|
||||
// tag: [protected] String
|
||||
// Tag used for the link type.
|
||||
tag: "a",
|
||||
|
||||
// _hostRxp [private] RegExp
|
||||
// Regular expression used to validate url fragments (ip address, hostname, etc)
|
||||
_hostRxp: new RegExp("^((([^\\[:]+):)?([^@]+)@)?(\\[([^\\]]+)\\]|([^\\[:]*))(:([0-9]+))?$"),
|
||||
|
||||
// _userAtRxp [private] RegExp
|
||||
// Regular expression used to validate e-mail address fragment.
|
||||
_userAtRxp: new RegExp("^([!#-'*+\\-\\/-9=?A-Z^-~]+[.])*[!#-'*+\\-\\/-9=?A-Z^-~]+@", "i"),
|
||||
|
||||
// linkDialogTemplate: [protected] String
|
||||
// Template for contents of TooltipDialog to pick URL
|
||||
linkDialogTemplate: [
|
||||
"<table><tr><td>",
|
||||
"<label for='${id}_urlInput'>${url}</label>",
|
||||
"</td><td>",
|
||||
"<input dojoType='dijit.form.ValidationTextBox' required='true' " +
|
||||
"id='${id}_urlInput' name='urlInput' intermediateChanges='true'/>",
|
||||
"</td></tr><tr><td>",
|
||||
"<label for='${id}_textInput'>${text}</label>",
|
||||
"</td><td>",
|
||||
"<input dojoType='dijit.form.ValidationTextBox' required='true' id='${id}_textInput' " +
|
||||
"name='textInput' intermediateChanges='true'/>",
|
||||
"</td></tr><tr><td>",
|
||||
"<label for='${id}_targetSelect'>${target}</label>",
|
||||
"</td><td>",
|
||||
"<select id='${id}_targetSelect' name='targetSelect' dojoType='dijit.form.Select'>",
|
||||
"<option selected='selected' value='_self'>${currentWindow}</option>",
|
||||
"<option value='_blank'>${newWindow}</option>",
|
||||
"<option value='_top'>${topWindow}</option>",
|
||||
"<option value='_parent'>${parentWindow}</option>",
|
||||
"</select>",
|
||||
"</td></tr><tr><td colspan='2'>",
|
||||
"<button dojoType='dijit.form.Button' type='submit' id='${id}_setButton'>${set}</button>",
|
||||
"<button dojoType='dijit.form.Button' type='button' id='${id}_cancelButton'>${buttonCancel}</button>",
|
||||
"</td></tr></table>"
|
||||
].join(""),
|
||||
|
||||
_initButton: function(){
|
||||
// Override _Plugin._initButton() to initialize DropDownButton and TooltipDialog.
|
||||
var _this = this;
|
||||
this.tag = this.command == 'insertImage' ? 'img' : 'a';
|
||||
var messages = dojo.mixin(dojo.i18n.getLocalization("dijit", "common", this.lang),
|
||||
dojo.i18n.getLocalization("dijit._editor", "LinkDialog", this.lang));
|
||||
var dropDown = (this.dropDown = new dijit.TooltipDialog({
|
||||
title: messages[this.command + "Title"],
|
||||
execute: dojo.hitch(this, "setValue"),
|
||||
onOpen: function(){
|
||||
_this._onOpenDialog();
|
||||
dijit.TooltipDialog.prototype.onOpen.apply(this, arguments);
|
||||
},
|
||||
onCancel: function(){
|
||||
setTimeout(dojo.hitch(_this, "_onCloseDialog"),0);
|
||||
}
|
||||
}));
|
||||
messages.urlRegExp = this.urlRegExp;
|
||||
messages.id = dijit.getUniqueId(this.editor.id);
|
||||
this._uniqueId = messages.id;
|
||||
this._setContent(dropDown.title +
|
||||
"<div style='border-bottom: 1px black solid;padding-bottom:2pt;margin-bottom:4pt'></div>" +
|
||||
dojo.string.substitute(this.linkDialogTemplate, messages));
|
||||
dropDown.startup();
|
||||
this._urlInput = dijit.byId(this._uniqueId + "_urlInput");
|
||||
this._textInput = dijit.byId(this._uniqueId + "_textInput");
|
||||
this._setButton = dijit.byId(this._uniqueId + "_setButton");
|
||||
this.connect(dijit.byId(this._uniqueId + "_cancelButton"), "onClick", function(){
|
||||
this.dropDown.onCancel();
|
||||
});
|
||||
if(this._urlInput){
|
||||
this.connect(this._urlInput, "onChange", "_checkAndFixInput");
|
||||
}
|
||||
if(this._textInput){
|
||||
this.connect(this._textInput, "onChange", "_checkAndFixInput");
|
||||
}
|
||||
|
||||
// Build up the dual check for http/https/file:, and mailto formats.
|
||||
this._urlRegExp = new RegExp("^" + this.urlRegExp + "$", "i");
|
||||
this._emailRegExp = new RegExp("^" + this.emailRegExp + "$", "i");
|
||||
this._urlInput.isValid = dojo.hitch(this, function(){
|
||||
// Function over-ride of isValid to test if the input matches a url or a mailto style link.
|
||||
var value = this._urlInput.get("value");
|
||||
return this._urlRegExp.test(value) || this._emailRegExp.test(value);
|
||||
});
|
||||
|
||||
this._connectTagEvents();
|
||||
this.inherited(arguments);
|
||||
},
|
||||
|
||||
_checkAndFixInput: function(){
|
||||
// summary:
|
||||
// A function to listen for onChange events and test the input contents
|
||||
// for valid information, such as valid urls with http/https/ftp and if
|
||||
// not present, try and guess if the input url is relative or not, and if
|
||||
// not, append http:// to it. Also validates other fields as determined by
|
||||
// the internal _isValid function.
|
||||
var self = this;
|
||||
var url = this._urlInput.get("value");
|
||||
var fixupUrl = function(url){
|
||||
var appendHttp = false;
|
||||
var appendMailto = false;
|
||||
if(url && url.length > 1){
|
||||
url = dojo.trim(url);
|
||||
if(url.indexOf("mailto:") !== 0){
|
||||
if(url.indexOf("/") > 0){
|
||||
if(url.indexOf("://") === -1){
|
||||
// Check that it doesn't start with / or ./, which would
|
||||
// imply 'target server relativeness'
|
||||
if(url.charAt(0) !== '/' && url.indexOf("./") !== 0){
|
||||
if(self._hostRxp.test(url)){
|
||||
appendHttp = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}else if(self._userAtRxp.test(url)){
|
||||
// If it looks like a foo@, append a mailto.
|
||||
appendMailto = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
if(appendHttp){
|
||||
self._urlInput.set("value", "http://" + url);
|
||||
}
|
||||
if(appendMailto){
|
||||
self._urlInput.set("value", "mailto:" + url);
|
||||
}
|
||||
self._setButton.set("disabled", !self._isValid());
|
||||
};
|
||||
if(this._delayedCheck){
|
||||
clearTimeout(this._delayedCheck);
|
||||
this._delayedCheck = null;
|
||||
}
|
||||
this._delayedCheck = setTimeout(function(){
|
||||
fixupUrl(url);
|
||||
}, 250);
|
||||
},
|
||||
|
||||
_connectTagEvents: function(){
|
||||
// summary:
|
||||
// Over-ridable function that connects tag specific events.
|
||||
this.editor.onLoadDeferred.addCallback(dojo.hitch(this, function(){
|
||||
this.connect(this.editor.editNode, "ondblclick", this._onDblClick);
|
||||
}));
|
||||
},
|
||||
|
||||
_isValid: function(){
|
||||
// summary:
|
||||
// Internal function to allow validating of the inputs
|
||||
// for a link to determine if set should be disabled or not
|
||||
// tags:
|
||||
// protected
|
||||
return this._urlInput.isValid() && this._textInput.isValid();
|
||||
},
|
||||
|
||||
_setContent: function(staticPanel){
|
||||
// summary:
|
||||
// Helper for _initButton above. Not sure why it's a separate method.
|
||||
this.dropDown.set({
|
||||
parserScope: "dojo", // make parser search for dojoType/data-dojo-type even if page is multi-version
|
||||
content: staticPanel
|
||||
});
|
||||
},
|
||||
|
||||
_checkValues: function(args){
|
||||
// summary:
|
||||
// Function to check the values in args and 'fix' them up as needed.
|
||||
// args: Object
|
||||
// Content being set.
|
||||
// tags:
|
||||
// protected
|
||||
if(args && args.urlInput){
|
||||
args.urlInput = args.urlInput.replace(/"/g, """);
|
||||
}
|
||||
return args;
|
||||
},
|
||||
|
||||
setValue: function(args){
|
||||
// summary:
|
||||
// Callback from the dialog when user presses "set" button.
|
||||
// tags:
|
||||
// private
|
||||
//TODO: prevent closing popup if the text is empty
|
||||
this._onCloseDialog();
|
||||
if(dojo.isIE < 9){ //see #4151
|
||||
var sel = dijit.range.getSelection(this.editor.window);
|
||||
var range = sel.getRangeAt(0);
|
||||
var a = range.endContainer;
|
||||
if(a.nodeType === 3){
|
||||
// Text node, may be the link contents, so check parent.
|
||||
// This plugin doesn't really support nested HTML elements
|
||||
// in the link, it assumes all link content is text.
|
||||
a = a.parentNode;
|
||||
}
|
||||
if(a && (a.nodeName && a.nodeName.toLowerCase() !== this.tag)){
|
||||
// Stll nothing, one last thing to try on IE, as it might be 'img'
|
||||
// and thus considered a control.
|
||||
a = dojo.withGlobal(this.editor.window,
|
||||
"getSelectedElement", dijit._editor.selection, [this.tag]);
|
||||
}
|
||||
if(a && (a.nodeName && a.nodeName.toLowerCase() === this.tag)){
|
||||
// Okay, we do have a match. IE, for some reason, sometimes pastes before
|
||||
// instead of removing the targetted paste-over element, so we unlink the
|
||||
// old one first. If we do not the <a> tag remains, but it has no content,
|
||||
// so isn't readily visible (but is wrong for the action).
|
||||
if(this.editor.queryCommandEnabled("unlink")){
|
||||
// Select all the link childent, then unlink. The following insert will
|
||||
// then replace the selected text.
|
||||
dojo.withGlobal(this.editor.window,
|
||||
"selectElementChildren", dijit._editor.selection, [a]);
|
||||
this.editor.execCommand("unlink");
|
||||
}
|
||||
}
|
||||
}
|
||||
// make sure values are properly escaped, etc.
|
||||
args = this._checkValues(args);
|
||||
this.editor.execCommand('inserthtml',
|
||||
dojo.string.substitute(this.htmlTemplate, args));
|
||||
},
|
||||
|
||||
_onCloseDialog: function(){
|
||||
// summary:
|
||||
// Handler for close event on the dialog
|
||||
this.editor.focus();
|
||||
},
|
||||
|
||||
_getCurrentValues: function(a){
|
||||
// summary:
|
||||
// Over-ride for getting the values to set in the dropdown.
|
||||
// a:
|
||||
// The anchor/link to process for data for the dropdown.
|
||||
// tags:
|
||||
// protected
|
||||
var url, text, target;
|
||||
if(a && a.tagName.toLowerCase() === this.tag){
|
||||
url = a.getAttribute('_djrealurl') || a.getAttribute('href');
|
||||
target = a.getAttribute('target') || "_self";
|
||||
text = a.textContent || a.innerText;
|
||||
dojo.withGlobal(this.editor.window, "selectElement", dijit._editor.selection, [a, true]);
|
||||
}else{
|
||||
text = dojo.withGlobal(this.editor.window, dijit._editor.selection.getSelectedText);
|
||||
}
|
||||
return {urlInput: url || '', textInput: text || '', targetSelect: target || ''}; //Object;
|
||||
},
|
||||
|
||||
_onOpenDialog: function(){
|
||||
// summary:
|
||||
// Handler for when the dialog is opened.
|
||||
// If the caret is currently in a URL then populate the URL's info into the dialog.
|
||||
var a;
|
||||
if(dojo.isIE < 9){
|
||||
// IE is difficult to select the element in, using the range unified
|
||||
// API seems to work reasonably well.
|
||||
var sel = dijit.range.getSelection(this.editor.window);
|
||||
var range = sel.getRangeAt(0);
|
||||
a = range.endContainer;
|
||||
if(a.nodeType === 3){
|
||||
// Text node, may be the link contents, so check parent.
|
||||
// This plugin doesn't really support nested HTML elements
|
||||
// in the link, it assumes all link content is text.
|
||||
a = a.parentNode;
|
||||
}
|
||||
if(a && (a.nodeName && a.nodeName.toLowerCase() !== this.tag)){
|
||||
// Stll nothing, one last thing to try on IE, as it might be 'img'
|
||||
// and thus considered a control.
|
||||
a = dojo.withGlobal(this.editor.window,
|
||||
"getSelectedElement", dijit._editor.selection, [this.tag]);
|
||||
}
|
||||
}else{
|
||||
a = dojo.withGlobal(this.editor.window,
|
||||
"getAncestorElement", dijit._editor.selection, [this.tag]);
|
||||
}
|
||||
this.dropDown.reset();
|
||||
this._setButton.set("disabled", true);
|
||||
this.dropDown.set("value", this._getCurrentValues(a));
|
||||
},
|
||||
|
||||
_onDblClick: function(e){
|
||||
// summary:
|
||||
// Function to define a behavior on double clicks on the element
|
||||
// type this dialog edits to select it and pop up the editor
|
||||
// dialog.
|
||||
// e: Object
|
||||
// The double-click event.
|
||||
// tags:
|
||||
// protected.
|
||||
if(e && e.target){
|
||||
var t = e.target;
|
||||
var tg = t.tagName? t.tagName.toLowerCase() : "";
|
||||
if(tg === this.tag && dojo.attr(t,"href")){
|
||||
dojo.withGlobal(this.editor.window,
|
||||
"selectElement",
|
||||
dijit._editor.selection, [t]);
|
||||
this.editor.onDisplayChanged();
|
||||
|
||||
setTimeout(dojo.hitch(this, function(){
|
||||
// Focus shift outside the event handler.
|
||||
// IE doesn't like focus changes in event handles.
|
||||
this.button.set("disabled", false);
|
||||
this.button.openDropDown();
|
||||
}), 10);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
if(this._urlInput){
|
||||
this.connect(this._urlInput,"onChange","_checkAndFixInput");
|
||||
}
|
||||
if(this._textInput){
|
||||
this.connect(this._textInput,"onChange","_checkAndFixInput");
|
||||
}
|
||||
this._urlRegExp=new RegExp("^"+this.urlRegExp+"$","i");
|
||||
this._emailRegExp=new RegExp("^"+this.emailRegExp+"$","i");
|
||||
this._urlInput.isValid=dojo.hitch(this,function(){
|
||||
var _4=this._urlInput.get("value");
|
||||
return this._urlRegExp.test(_4)||this._emailRegExp.test(_4);
|
||||
|
||||
dojo.declare("dijit._editor.plugins.ImgLinkDialog", [dijit._editor.plugins.LinkDialog], {
|
||||
// summary:
|
||||
// This plugin extends LinkDialog and adds in a plugin for handling image links.
|
||||
// provides the image link dialog.
|
||||
//
|
||||
// description:
|
||||
// The command provided by this plugin is:
|
||||
// * insertImage
|
||||
|
||||
// linkDialogTemplate: [protected] String
|
||||
// Over-ride for template since img dialog doesn't need target that anchor tags may.
|
||||
linkDialogTemplate: [
|
||||
"<table><tr><td>",
|
||||
"<label for='${id}_urlInput'>${url}</label>",
|
||||
"</td><td>",
|
||||
"<input dojoType='dijit.form.ValidationTextBox' regExp='${urlRegExp}' " +
|
||||
"required='true' id='${id}_urlInput' name='urlInput' intermediateChanges='true'/>",
|
||||
"</td></tr><tr><td>",
|
||||
"<label for='${id}_textInput'>${text}</label>",
|
||||
"</td><td>",
|
||||
"<input dojoType='dijit.form.ValidationTextBox' required='false' id='${id}_textInput' " +
|
||||
"name='textInput' intermediateChanges='true'/>",
|
||||
"</td></tr><tr><td>",
|
||||
"</td><td>",
|
||||
"</td></tr><tr><td colspan='2'>",
|
||||
"<button dojoType='dijit.form.Button' type='submit' id='${id}_setButton'>${set}</button>",
|
||||
"<button dojoType='dijit.form.Button' type='button' id='${id}_cancelButton'>${buttonCancel}</button>",
|
||||
"</td></tr></table>"
|
||||
].join(""),
|
||||
|
||||
// htmlTemplate: [protected] String
|
||||
// String used for templating the <img> HTML to insert at the desired point.
|
||||
htmlTemplate: "<img src=\"${urlInput}\" _djrealurl=\"${urlInput}\" alt=\"${textInput}\" />",
|
||||
|
||||
// tag: [protected] String
|
||||
// Tag used for the link type (img).
|
||||
tag: "img",
|
||||
|
||||
_getCurrentValues: function(img){
|
||||
// summary:
|
||||
// Over-ride for getting the values to set in the dropdown.
|
||||
// a:
|
||||
// The anchor/link to process for data for the dropdown.
|
||||
// tags:
|
||||
// protected
|
||||
var url, text;
|
||||
if(img && img.tagName.toLowerCase() === this.tag){
|
||||
url = img.getAttribute('_djrealurl') || img.getAttribute('src');
|
||||
text = img.getAttribute('alt');
|
||||
dojo.withGlobal(this.editor.window,
|
||||
"selectElement", dijit._editor.selection, [img, true]);
|
||||
}else{
|
||||
text = dojo.withGlobal(this.editor.window, dijit._editor.selection.getSelectedText);
|
||||
}
|
||||
return {urlInput: url || '', textInput: text || ''}; //Object;
|
||||
},
|
||||
|
||||
_isValid: function(){
|
||||
// summary:
|
||||
// Over-ride for images. You can have alt text of blank, it is valid.
|
||||
// tags:
|
||||
// protected
|
||||
return this._urlInput.isValid();
|
||||
},
|
||||
|
||||
_connectTagEvents: function(){
|
||||
// summary:
|
||||
// Over-ridable function that connects tag specific events.
|
||||
this.inherited(arguments);
|
||||
this.editor.onLoadDeferred.addCallback(dojo.hitch(this, function(){
|
||||
// Use onmousedown instead of onclick. Seems that IE eats the first onclick
|
||||
// to wrap it in a selector box, then the second one acts as onclick. See #10420
|
||||
this.connect(this.editor.editNode, "onmousedown", this._selectTag);
|
||||
}));
|
||||
},
|
||||
|
||||
_selectTag: function(e){
|
||||
// summary:
|
||||
// A simple event handler that lets me select an image if it is clicked on.
|
||||
// makes it easier to select images in a standard way across browsers. Otherwise
|
||||
// selecting an image for edit becomes difficult.
|
||||
// e: Event
|
||||
// The mousedown event.
|
||||
// tags:
|
||||
// private
|
||||
if(e && e.target){
|
||||
var t = e.target;
|
||||
var tg = t.tagName? t.tagName.toLowerCase() : "";
|
||||
if(tg === this.tag){
|
||||
dojo.withGlobal(this.editor.window,
|
||||
"selectElement",
|
||||
dijit._editor.selection, [t]);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_checkValues: function(args){
|
||||
// summary:
|
||||
// Function to check the values in args and 'fix' them up as needed
|
||||
// (special characters in the url or alt text)
|
||||
// args: Object
|
||||
// Content being set.
|
||||
// tags:
|
||||
// protected
|
||||
if(args && args.urlInput){
|
||||
args.urlInput = args.urlInput.replace(/"/g, """);
|
||||
}
|
||||
if(args && args.textInput){
|
||||
args.textInput = args.textInput.replace(/"/g, """);
|
||||
}
|
||||
return args;
|
||||
},
|
||||
|
||||
_onDblClick: function(e){
|
||||
// summary:
|
||||
// Function to define a behavior on double clicks on the element
|
||||
// type this dialog edits to select it and pop up the editor
|
||||
// dialog.
|
||||
// e: Object
|
||||
// The double-click event.
|
||||
// tags:
|
||||
// protected.
|
||||
if(e && e.target){
|
||||
var t = e.target;
|
||||
var tg = t.tagName? t.tagName.toLowerCase() : "";
|
||||
if(tg === this.tag && dojo.attr(t,"src")){
|
||||
dojo.withGlobal(this.editor.window,
|
||||
"selectElement",
|
||||
dijit._editor.selection, [t]);
|
||||
this.editor.onDisplayChanged();
|
||||
setTimeout(dojo.hitch(this, function(){
|
||||
// Focus shift outside the event handler.
|
||||
// IE doesn't like focus changes in event handles.
|
||||
this.button.set("disabled", false);
|
||||
this.button.openDropDown();
|
||||
}), 10);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
this._connectTagEvents();
|
||||
this.inherited(arguments);
|
||||
},_checkAndFixInput:function(){
|
||||
var _5=this;
|
||||
var _6=this._urlInput.get("value");
|
||||
var _7=function(_8){
|
||||
var _9=false;
|
||||
var _a=false;
|
||||
if(_8&&_8.length>1){
|
||||
_8=dojo.trim(_8);
|
||||
if(_8.indexOf("mailto:")!==0){
|
||||
if(_8.indexOf("/")>0){
|
||||
if(_8.indexOf("://")===-1){
|
||||
if(_8.charAt(0)!=="/"&&_8.indexOf("./")!==0){
|
||||
if(_5._hostRxp.test(_8)){
|
||||
_9=true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}else{
|
||||
if(_5._userAtRxp.test(_8)){
|
||||
_a=true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
if(_9){
|
||||
_5._urlInput.set("value","http://"+_8);
|
||||
}
|
||||
if(_a){
|
||||
_5._urlInput.set("value","mailto:"+_8);
|
||||
}
|
||||
_5._setButton.set("disabled",!_5._isValid());
|
||||
};
|
||||
if(this._delayedCheck){
|
||||
clearTimeout(this._delayedCheck);
|
||||
this._delayedCheck=null;
|
||||
}
|
||||
this._delayedCheck=setTimeout(function(){
|
||||
_7(_6);
|
||||
},250);
|
||||
},_connectTagEvents:function(){
|
||||
this.editor.onLoadDeferred.addCallback(dojo.hitch(this,function(){
|
||||
this.connect(this.editor.editNode,"ondblclick",this._onDblClick);
|
||||
}));
|
||||
},_isValid:function(){
|
||||
return this._urlInput.isValid()&&this._textInput.isValid();
|
||||
},_setContent:function(_b){
|
||||
this.dropDown.set("content",_b);
|
||||
},_checkValues:function(_c){
|
||||
if(_c&&_c.urlInput){
|
||||
_c.urlInput=_c.urlInput.replace(/"/g,""");
|
||||
}
|
||||
return _c;
|
||||
},setValue:function(_d){
|
||||
this._onCloseDialog();
|
||||
if(dojo.isIE){
|
||||
var _e=dijit.range.getSelection(this.editor.window);
|
||||
var _f=_e.getRangeAt(0);
|
||||
var a=_f.endContainer;
|
||||
if(a.nodeType===3){
|
||||
a=a.parentNode;
|
||||
}
|
||||
if(a&&(a.nodeName&&a.nodeName.toLowerCase()!==this.tag)){
|
||||
a=dojo.withGlobal(this.editor.window,"getSelectedElement",dijit._editor.selection,[this.tag]);
|
||||
}
|
||||
if(a&&(a.nodeName&&a.nodeName.toLowerCase()===this.tag)){
|
||||
if(this.editor.queryCommandEnabled("unlink")){
|
||||
dojo.withGlobal(this.editor.window,"selectElementChildren",dijit._editor.selection,[a]);
|
||||
this.editor.execCommand("unlink");
|
||||
}
|
||||
}
|
||||
}
|
||||
_d=this._checkValues(_d);
|
||||
this.editor.execCommand("inserthtml",dojo.string.substitute(this.htmlTemplate,_d));
|
||||
},_onCloseDialog:function(){
|
||||
this.editor.focus();
|
||||
},_getCurrentValues:function(a){
|
||||
var url,_10,_11;
|
||||
if(a&&a.tagName.toLowerCase()===this.tag){
|
||||
url=a.getAttribute("_djrealurl")||a.getAttribute("href");
|
||||
_11=a.getAttribute("target")||"_self";
|
||||
_10=a.textContent||a.innerText;
|
||||
dojo.withGlobal(this.editor.window,"selectElement",dijit._editor.selection,[a,true]);
|
||||
}else{
|
||||
_10=dojo.withGlobal(this.editor.window,dijit._editor.selection.getSelectedText);
|
||||
}
|
||||
return {urlInput:url||"",textInput:_10||"",targetSelect:_11||""};
|
||||
},_onOpenDialog:function(){
|
||||
var a;
|
||||
if(dojo.isIE){
|
||||
var sel=dijit.range.getSelection(this.editor.window);
|
||||
var _12=sel.getRangeAt(0);
|
||||
a=_12.endContainer;
|
||||
if(a.nodeType===3){
|
||||
a=a.parentNode;
|
||||
}
|
||||
if(a&&(a.nodeName&&a.nodeName.toLowerCase()!==this.tag)){
|
||||
a=dojo.withGlobal(this.editor.window,"getSelectedElement",dijit._editor.selection,[this.tag]);
|
||||
}
|
||||
}else{
|
||||
a=dojo.withGlobal(this.editor.window,"getAncestorElement",dijit._editor.selection,[this.tag]);
|
||||
}
|
||||
this.dropDown.reset();
|
||||
this._setButton.set("disabled",true);
|
||||
this.dropDown.set("value",this._getCurrentValues(a));
|
||||
},_onDblClick:function(e){
|
||||
if(e&&e.target){
|
||||
var t=e.target;
|
||||
var tg=t.tagName?t.tagName.toLowerCase():"";
|
||||
if(tg===this.tag&&dojo.attr(t,"href")){
|
||||
dojo.withGlobal(this.editor.window,"selectElement",dijit._editor.selection,[t]);
|
||||
this.editor.onDisplayChanged();
|
||||
setTimeout(dojo.hitch(this,function(){
|
||||
this.button.set("disabled",false);
|
||||
this.button.openDropDown();
|
||||
}),10);
|
||||
}
|
||||
}
|
||||
}});
|
||||
dojo.declare("dijit._editor.plugins.ImgLinkDialog",[dijit._editor.plugins.LinkDialog],{linkDialogTemplate:["<table><tr><td>","<label for='${id}_urlInput'>${url}</label>","</td><td>","<input dojoType='dijit.form.ValidationTextBox' regExp='${urlRegExp}' "+"required='true' id='${id}_urlInput' name='urlInput' intermediateChanges='true'>","</td></tr><tr><td>","<label for='${id}_textInput'>${text}</label>","</td><td>","<input dojoType='dijit.form.ValidationTextBox' required='false' id='${id}_textInput' "+"name='textInput' intermediateChanges='true'>","</td></tr><tr><td>","</td><td>","</td></tr><tr><td colspan='2'>","<button dojoType='dijit.form.Button' type='submit' id='${id}_setButton'>${set}</button>","<button dojoType='dijit.form.Button' type='button' id='${id}_cancelButton'>${buttonCancel}</button>","</td></tr></table>"].join(""),htmlTemplate:"<img src=\"${urlInput}\" _djrealurl=\"${urlInput}\" alt=\"${textInput}\" />",tag:"img",_getCurrentValues:function(img){
|
||||
var url,_13;
|
||||
if(img&&img.tagName.toLowerCase()===this.tag){
|
||||
url=img.getAttribute("_djrealurl")||img.getAttribute("src");
|
||||
_13=img.getAttribute("alt");
|
||||
dojo.withGlobal(this.editor.window,"selectElement",dijit._editor.selection,[img,true]);
|
||||
}else{
|
||||
_13=dojo.withGlobal(this.editor.window,dijit._editor.selection.getSelectedText);
|
||||
}
|
||||
return {urlInput:url||"",textInput:_13||""};
|
||||
},_isValid:function(){
|
||||
return this._urlInput.isValid();
|
||||
},_connectTagEvents:function(){
|
||||
this.inherited(arguments);
|
||||
this.editor.onLoadDeferred.addCallback(dojo.hitch(this,function(){
|
||||
this.connect(this.editor.editNode,"onmousedown",this._selectTag);
|
||||
}));
|
||||
},_selectTag:function(e){
|
||||
if(e&&e.target){
|
||||
var t=e.target;
|
||||
var tg=t.tagName?t.tagName.toLowerCase():"";
|
||||
if(tg===this.tag){
|
||||
dojo.withGlobal(this.editor.window,"selectElement",dijit._editor.selection,[t]);
|
||||
}
|
||||
}
|
||||
},_checkValues:function(_14){
|
||||
if(_14&&_14.urlInput){
|
||||
_14.urlInput=_14.urlInput.replace(/"/g,""");
|
||||
}
|
||||
if(_14&&_14.textInput){
|
||||
_14.textInput=_14.textInput.replace(/"/g,""");
|
||||
}
|
||||
return _14;
|
||||
},_onDblClick:function(e){
|
||||
if(e&&e.target){
|
||||
var t=e.target;
|
||||
var tg=t.tagName?t.tagName.toLowerCase():"";
|
||||
if(tg===this.tag&&dojo.attr(t,"src")){
|
||||
dojo.withGlobal(this.editor.window,"selectElement",dijit._editor.selection,[t]);
|
||||
this.editor.onDisplayChanged();
|
||||
setTimeout(dojo.hitch(this,function(){
|
||||
this.button.set("disabled",false);
|
||||
this.button.openDropDown();
|
||||
}),10);
|
||||
}
|
||||
}
|
||||
}});
|
||||
dojo.subscribe(dijit._scopeName+".Editor.getPlugin",null,function(o){
|
||||
if(o.plugin){
|
||||
return;
|
||||
}
|
||||
switch(o.args.name){
|
||||
case "createLink":
|
||||
o.plugin=new dijit._editor.plugins.LinkDialog({command:o.args.name});
|
||||
break;
|
||||
case "insertImage":
|
||||
o.plugin=new dijit._editor.plugins.ImgLinkDialog({command:o.args.name});
|
||||
break;
|
||||
}
|
||||
|
||||
// Register this plugin.
|
||||
dojo.subscribe(dijit._scopeName + ".Editor.getPlugin",null,function(o){
|
||||
if(o.plugin){ return; }
|
||||
switch(o.args.name){
|
||||
case "createLink":
|
||||
o.plugin = new dijit._editor.plugins.LinkDialog({command: o.args.name});
|
||||
break;
|
||||
case "insertImage":
|
||||
o.plugin = new dijit._editor.plugins.ImgLinkDialog({command: o.args.name});
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user