1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
|
/*
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
*/
dojo._xdResourceLoaded(function(dojo, dijit, dojox){
return {depends: [["provide", "dojox.editor.plugins.Smiley"],
["require", "dijit._editor._Plugin"],
["require", "dijit.form.ToggleButton"],
["require", "dijit.form.DropDownButton"],
["require", "dojox.editor.plugins._SmileyPalette"],
["require", "dojo.i18n"],
["require", "dojox.html.format"],
["requireLocalization", "dojox.editor.plugins", "Smiley", 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,sl,sv,th,tr,zh,zh-tw", "ROOT,ar,ca,cs,da,de,el,es,fi,fr,he,hu,it,ja,kk,ko,nb,nl,pl,pt,pt-pt,ro,ru,sl,sv,th,tr,zh,zh-tw"]],
defineResource: function(dojo, dijit, dojox){if(!dojo._hasResource["dojox.editor.plugins.Smiley"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
dojo._hasResource["dojox.editor.plugins.Smiley"] = true;
dojo.provide("dojox.editor.plugins.Smiley");
dojo.require("dijit._editor._Plugin");
dojo.require("dijit.form.ToggleButton");
dojo.require("dijit.form.DropDownButton");
dojo.require("dojox.editor.plugins._SmileyPalette");
dojo.require("dojo.i18n");
dojo.require("dojox.html.format");
;
dojo.experimental("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"
// to insert at the current cursor position.
//
// description:
// The commands provided by this plugin are:
// * smiley - inserts the selected emoticon
// iconClassPrefix: [const] String
// 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:
//
this.dropDown = new dojox.editor.plugins._SmileyPalette();
this.connect(this.dropDown, "onChange", function(ascii){
this.button.closeDropDown();
this.editor.focus();
//
ascii = this.emoticonMarker.charAt(0) + ascii + this.emoticonMarker.charAt(1);
this.editor.execCommand("inserthtml", ascii);
});
this.i18n = dojo.i18n.getLocalization("dojox.editor.plugins", "Smiley");
this.button = new dijit.form.DropDownButton({
label: this.i18n.smiley,
showLabel: false,
iconClass: this.iconClassPrefix + " " + this.iconClassPrefix + "Smiley",
tabIndex: "-1",
dropDown: this.dropDown
});
this.emoticonImageRegexp = new RegExp("class=(\"|\')" + this.emoticonImageClass + "(\"|\')");
},
updateState: function(){
// summary:
// Over-ride for button state control for disabled to work.
this.button.set("disabled", this.get("disabled"));
},
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();
this.editor.contentPreFilters.push(dojo.hitch(this, this._preFilterEntities));
this.editor.contentPostFilters.push(dojo.hitch(this, this._postFilterEntities));
},
_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.
//
//
return value.replace(/\[([^\]]*)\]/g, dojo.hitch(this, this._decode));
},
_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
// postFilters of the editor.
// tags:
// private.
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) : str;
},
_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;
}
}
});
// Register this plugin.
dojo.subscribe(dijit._scopeName + ".Editor.getPlugin",null,function(o){
if(o.plugin){ return; }
if(o.args.name === "smiley"){
o.plugin = new dojox.editor.plugins.Smiley();
}
});
}
}};});
|
