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
147
148
149
150
151
152
153
154
155
156
|
//>>built
define("dojox/editor/plugins/Smiley", [
"dojo",
"dijit",
"dojox",
"dijit/_editor/_Plugin",
"dijit/form/DropDownButton",
"dojo/_base/connect",
"dojo/_base/declare",
"dojo/i18n",
"dojox/editor/plugins/_SmileyPalette",
"dojox/html/format",
"dojo/i18n!dojox/editor/plugins/nls/Smiley"
], function(dojo, dijit, dojox) {
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));
if(dojo.isFF){
// This is a workaround for a really odd Firefox bug with
// leaving behind phantom cursors when deleting smiley images.
// See: #13299
var deleteHandler = dojo.hitch(this, function(){
var editor = this.editor;
// have to use timers here because the event has to happen
// (bubble), then we can poke the dom.
setTimeout(function(){
if(editor.editNode){
dojo.style(editor.editNode, "opacity", "0.99");
// Allow it to apply, then undo it to trigger cleanup of those
// phantoms.
setTimeout(function(){if(editor.editNode) { dojo.style(editor.editNode, "opacity", "");} }, 0);
}
}, 0);
return true;
})
this.editor.onLoadDeferred.addCallback(dojo.hitch(this, function(){
this.editor.addKeyHandler(dojo.keys.DELETE, false, false, deleteHandler);
this.editor.addKeyHandler(dojo.keys.BACKSPACE, false, false, deleteHandler);
}));
}
},
_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();
}
});
return dojox.editor.plugins.Smiley;
});
|
