61 lines
1.4 KiB
JavaScript
61 lines
1.4 KiB
JavaScript
|
/**
|
||
|
|
* plugin.js
|
||
|
|
*
|
||
|
|
* Copyright, Moxiecode Systems AB
|
||
|
|
* Released under LGPL License.
|
||
|
|
*
|
||
|
|
* License: http://www.tinymce.com/license
|
||
|
|
* Contributing: http://www.tinymce.com/contributing
|
||
|
|
*/
|
||
|
|
|
||
|
|
/*global tinymce:true */
|
||
|
|
|
||
|
|
tinymce.PluginManager.add('emoticons', function(editor, url) {
|
||
|
|
var emoticons = [
|
||
|
|
["cool", "cry", "embarassed", "foot-in-mouth"],
|
||
|
|
["frown", "innocent", "kiss", "laughing"],
|
||
|
|
["money-mouth", "sealed", "smile", "surprised"],
|
||
|
|
["tongue-out", "undecided", "wink", "yell"]
|
||
|
|
];
|
||
|
|
|
||
|
|
function getHtml() {
|
||
|
|
var emoticonsHtml;
|
||
|
|
|
||
|
|
emoticonsHtml = '<table role="presentation" class="mce-grid">';
|
||
|
|
|
||
|
|
tinymce.each(emoticons, function(row) {
|
||
|
|
emoticonsHtml += '<tr>';
|
||
|
|
|
||
|
|
tinymce.each(row, function(icon) {
|
||
|
|
var emoticonUrl = url + '/img/smiley-' + icon + '.gif';
|
||
|
|
|
||
|
|
emoticonsHtml += '<td><a href="#" data-mce-url="' + emoticonUrl + '" tabindex="-1"><img src="' +
|
||
|
|
emoticonUrl + '" style="width: 18px; height: 18px"></a></td>';
|
||
|
|
});
|
||
|
|
|
||
|
|
emoticonsHtml += '</tr>';
|
||
|
|
});
|
||
|
|
|
||
|
|
emoticonsHtml += '</table>';
|
||
|
|
|
||
|
|
return emoticonsHtml;
|
||
|
|
}
|
||
|
|
|
||
|
|
editor.addButton('emoticons', {
|
||
|
|
type: 'panelbutton',
|
||
|
|
panel: {
|
||
|
|
autohide: true,
|
||
|
|
html: getHtml,
|
||
|
|
onclick: function(e) {
|
||
|
|
var linkElm = editor.dom.getParent(e.target, 'a');
|
||
|
|
|
||
|
|
if (linkElm) {
|
||
|
|
editor.insertContent('<img src="' + linkElm.getAttribute('data-mce-url') + '" />');
|
||
|
|
this.hide();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
tooltip: 'Emoticons'
|
||
|
|
});
|
||
|
|
});
|