Как сделать в Jquery Editor Табличный выбор смайликов?
После ответа на этот вопрос у меня получилось сделать выбор смайликов следующим образом:
var emodji = [
{"emoji": "?", "name": "face with tears of joy", "shortname": ":joy:", "unicode": "1f602", "html": "😂", "category": "Smileys & Emotion (face-smiling)", "order": "3"},
{"emoji": "❤️", "name": "red heart", "shortname": ":heart:", "unicode": "2764", "html": "❤", "category": "Smileys & Emotion (emotion)", "order": "1286"},
{"emoji": "♥️", "name": "heart suit", "shortname": ":heart_suit:", "unicode": "2665 FE0F", "html": "♥️", "category": "Activities (game)", "order": ""}];
var defaultTools = "bold italic underline | format font size | color background | left center right | outdent indent | ul ol | link | clean | html";
if($("div").is(".nice-editor")) {
$('.nice-editor textarea').jqxEditor({
tools: defaultTools + ' | emodji',
createCommand: function (name) {
switch (name) {
case "emodji":
return {
type: 'list',
tooltip: 'emodji',
init: function (widget) {
widget.jqxDropDownList({
placeHolder: "😥",
width: 50,
source: emodji
});
},
refresh: function (widget, style) {
// do something here when the selection is changed.
},
action: function (widget, editor) {
console.log(widget);
console.log(widget[0].innerText);
return {
command: "inserthtml",
value: widget[0].innerText
};
}
}
}
}
});
}
Но в этом случае все emodji располагаются в столбик ( как список )
, мне бы хотелось, что бы их выбор осуществлялся как ColorPicker:

При изменении type на ColorPicker, функция init перестает принимать какие либо данные отображаемые в таблице. Из этого следует вопрос, как сделать сеточный список смайликов, а не вертикальный?