78 lines
1.7 KiB
JavaScript
78 lines
1.7 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',
|
|
popoverAlign: 'bc-tl',
|
|
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'
|
|
});
|
|
/*
|
|
editor.addButton('emoticons', {
|
|
type: 'panelbutton',
|
|
popoverAlign: 'bc-tl',
|
|
panel: {
|
|
layout: 'flex',
|
|
spacing: 5,
|
|
padding: 5,
|
|
autohide: true,
|
|
items: [
|
|
{type: 'textbox', label: 'Url'},
|
|
{type: 'button', text: 'OK'}
|
|
]
|
|
},
|
|
tooltip: 'Emoticons'
|
|
});*/
|
|
});
|