Как сделать в 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 перестает принимать какие либо данные отображаемые в таблице. Из этого следует вопрос, как сделать сеточный список смайликов, а не вертикальный?


Ответы (0 шт):