Skip to main content

DHTMLX RichText. Emoji autocomplete example

Live example

A trigger can build its suggestion list on the fly as the user types. This demo starts an emoji picker when you type a colon: the list filters by emoji name with each keystroke, and picking one inserts the emoji at the cursor. It also blocks inserting a plain category header instead of an emoji.

const { template } = richtext;

const widget = new richtext.Richtext("#richtext", {
    value,
    triggers: [
        {
            trigger: ":",
            data: query => {
                const matchedEmojis = emoji.filter(item => 
                    item.code && item.label.toLowerCase().startsWith(query.toLowerCase().trim())
                );
                const categoriesWithMatches = new Set(matchedEmojis.map(item => item.category));
                return emoji.filter(item => 
                    item.code ? matchedEmojis.includes(item) : categoriesWithMatches.has(item.category)
                );
            },
            action: data => widget.insertValue(`<span>${emojiFromCode(data.code)} </span>`)
        }
    ],
    triggerTemplate: template(({data}) => {
        return data.code ? `${emojiFromCode(data.code)} ${data.label}` : `<b>${data.label}</b>`;
    })
});

function emojiFromCode(code){
    return String.fromCodePoint(parseInt(code, 16));
}

widget.api.intercept("insert-token", ({data}) => {
    return !!data.code;
});
<!-- component container -->
<div id="richtext" style="width: 100%; height: 100%;"></div>

<!-- dataset -->

<style>
.wx-editor .wx-suggest-anchor {
		width: 350px;
	}
</style>

<script>
const emoji = [
        {
            "id": "$category1",
            "label": "Smileys & People",
            "category": 1
        },
        {
            "code": "1F600",
            "id": "grinning",
            "label": "grinning",
            "category": 1
        },
        {
            "code": "1F603",
            "id": "smiley",
            "label": "smiley",
            "category": 1
        },
        {
            "code": "1F604",
            "id": "smile",
            "label": "smile",
            "category": 1
        },
        {
            "code": "1F601",
            "id": "grin",
            "label": "grin",
            "category": 1
        },
        {
            "code": "1F606",
            "id": "laughing",
            "label": "laughing",
            "category": 1
        },
        {
            "code": "1F605",
            "id": "sweat_smile",
            "label": "sweat_smile",
            "category": 1
        },
        {
            "code": "1F602",
            "id": "joy",
            "label": "joy",
            "category": 1
        },
        {
            "code": "1F923",
            "id": "rolling_on_the_floor_laughing",
            "label": "rolling_on_the_floor_laughing",
            "category": 1
        },
        {
            "code": "263A",
            "id": "relaxed",
            "label": "relaxed",
            "category": 1
        },
        {
            "code": "1F60A",
            "id": "blush",
            "label": "blush",
            "category": 1
        },
        {
            "code": "1F607",
            "id": "innocent",
            "label": "innocent",
            "category": 1
        },
        {
            "code": "1F642",
            "id": "slightly_smiling_face",
            "label": "slightly_smiling_face",
            "category": 1
        },
        {
            "code": "1F643",
            "id": "upside_down_face",
            "label": "upside_down_face",
            "category": 1
        },
        {
            "code": "1F609",
            "id": "wink",
            "label": "wink",
            "category": 1
        },
        {
            "code": "1F60C",
            "id": "relieved",
            "label": "relieved",
            "category": 1
        },
        {
            "code": "1F60D",
            "id": "heart_eyes",
            "label": "heart_eyes",
            "category": 1
        },
        {
            "code": "1F618",
            "id": "kissing_heart",
            "label": "kissing_heart",
            "category": 1
        },
        {
            "code": "1F617",
            "id": "kissing",
            "label": "kissing",
            "category": 1
        },
        {
            "code": "1F619",
            "id": "kissing_smiling_eyes",
            "label": "kissing_smiling_eyes",
            "category": 1
        },
        {
            "code": "1F61A",
            "id": "kissing_closed_eyes",
            "label": "kissing_closed_eyes",
            "category": 1
        },
        {
            "code": "1F60B",
            "id": "yum",
            "label": "yum",
            "category": 1
        },
        {
            "code": "1F61C",
            "id": "stuck_out_tongue_winking_eye",
            "label": "stuck_out_tongue_winking_eye",
            "category": 1
        },
        {
            "code": "1F61D",
            "id": "stuck_out_tongue_closed_eyes",
            "label": "stuck_out_tongue_closed_eyes",
            "category": 1
        },
        {
            "code": "1F61B",
            "id": "stuck_out_tongue",
            "label": "stuck_out_tongue",
            "category": 1
        },
        {
            "code": "1F911",
            "id": "money_mouth_face",
            "label": "money_mouth_face",
            "category": 1
        },
        {
            "code": "1F917",
            "id": "hugging_face",
            "label": "hugging_face",
            "category": 1
        },
        {
            "code": "1F913",
            "id": "nerd_face",
            "label": "nerd_face",
            "category": 1
        },
        {
            "code": "1F60E",
            "id": "sunglasses",
            "label": "sunglasses",
            "category": 1
        },
        {
            "code": "1F921",
            "id": "clown_face",
            "label": "clown_face",
            "category": 1
        },
        {
            "code": "1F920",
            "id": "face_with_cowboy_hat",
            "label": "face_with_cowboy_hat",
            "category": 1
        },
        {
            "code": "1F60F",
            "id": "smirk",
            "label": "smirk",
            "category": 1
        },
        {
            "code": "1F612",
            "id": "unamused",
            "label": "unamused",
            "category": 1
        },
        {
            "code": "1F61E",
            "id": "disappointed",
            "label": "disappointed",
            "category": 1
        },
        {
            "code": "1F614",
            "id": "pensive",
            "label": "pensive",
            "category": 1
        },
        {
            "code": "1F61F",
            "id": "worried",
            "label": "worried",
            "category": 1
        },
        {
            "code": "1F615",
            "id": "confused",
            "label": "confused",
            "category": 1
        },
        {
            "code": "1F641",
            "id": "slightly_frowning_face",
            "label": "slightly_frowning_face",
            "category": 1
        },
        {
            "code": "2639",
            "id": "white_frowning_face",
            "label": "white_frowning_face",
            "category": 1
        },
        {
            "code": "1F623",
            "id": "persevere",
            "label": "persevere",
            "category": 1
        },
        {
            "code": "1F616",
            "id": "confounded",
            "label": "confounded",
            "category": 1
        },
        {
            "code": "1F62B",
            "id": "tired_face",
            "label": "tired_face",
            "category": 1
        },
        {
            "code": "1F629",
            "id": "weary",
            "label": "weary",
            "category": 1
        },
        {
            "code": "1F624",
            "id": "triumph",
            "label": "triumph",
            "category": 1
        },
        {
            "code": "1F620",
            "id": "angry",
            "label": "angry",
            "category": 1
        },
        {
            "code": "1F621",
            "id": "rage",
            "label": "rage",
            "category": 1
        },
        {
            "code": "1F636",
            "id": "no_mouth",
            "label": "no_mouth",
            "category": 1
        },
        {
            "code": "1F610",
            "id": "neutral_face",
            "label": "neutral_face",
            "category": 1
        },
        {
            "code": "1F611",
            "id": "expressionless",
            "label": "expressionless",
            "category": 1
        },
        {
            "code": "1F62F",
            "id": "hushed",
            "label": "hushed",
            "category": 1
        },
        {
            "code": "1F626",
            "id": "frowning",
            "label": "frowning",
            "category": 1
        },
        {
            "code": "1F627",
            "id": "anguished",
            "label": "anguished",
            "category": 1
        },
        {
            "code": "1F62E",
            "id": "open_mouth",
            "label": "open_mouth",
            "category": 1
        },
        {
            "code": "1F632",
            "id": "astonished",
            "label": "astonished",
            "category": 1
        },
        {
            "code": "1F635",
            "id": "dizzy_face",
            "label": "dizzy_face",
            "category": 1
        },
        {
            "code": "1F633",
            "id": "flushed",
            "label": "flushed",
            "category": 1
        },
        {
            "code": "1F631",
            "id": "scream",
            "label": "scream",
            "category": 1
        },
        {
            "code": "1F628",
            "id": "fearful",
            "label": "fearful",
            "category": 1
        },
        {
            "code": "1F630",
            "id": "cold_sweat",
            "label": "cold_sweat",
            "category": 1
        },
        {
            "code": "1F622",
            "id": "cry",
            "label": "cry",
            "category": 1
        },
        {
            "code": "1F625",
            "id": "disappointed_relieved",
            "label": "disappointed_relieved",
            "category": 1
        },
        {
            "code": "1F924",
            "id": "drooling_face",
            "label": "drooling_face",
            "category": 1
        },
        {
            "code": "1F62D",
            "id": "sob",
            "label": "sob",
            "category": 1
        },
        {
            "code": "1F613",
            "id": "sweat",
            "label": "sweat",
            "category": 1
        },
        {
            "code": "1F62A",
            "id": "sleepy",
            "label": "sleepy",
            "category": 1
        },
        {
            "code": "1F634",
            "id": "sleeping",
            "label": "sleeping",
            "category": 1
        },
        {
            "code": "1F644",
            "id": "face_with_rolling_eyes",
            "label": "face_with_rolling_eyes",
            "category": 1
        },
        {
            "code": "1F914",
            "id": "thinking_face",
            "label": "thinking_face",
            "category": 1
        },
        {
            "code": "1F925",
            "id": "lying_face",
            "label": "lying_face",
            "category": 1
        },
        {
            "code": "1F62C",
            "id": "grimacing",
            "label": "grimacing",
            "category": 1
        },
        {
            "code": "1F910",
            "id": "zipper_mouth_face",
            "label": "zipper_mouth_face",
            "category": 1
        },
        {
            "code": "1F922",
            "id": "nauseated_face",
            "label": "nauseated_face",
            "category": 1
        },
        {
            "code": "1F927",
            "id": "sneezing_face",
            "label": "sneezing_face",
            "category": 1
        },
        {
            "code": "1F637",
            "id": "mask",
            "label": "mask",
            "category": 1
        },
        {
            "code": "1F912",
            "id": "face_with_thermometer",
            "label": "face_with_thermometer",
            "category": 1
        },
        {
            "code": "1F915",
            "id": "face_with_head_bandage",
            "label": "face_with_head_bandage",
            "category": 1
        },
        {
            "code": "1F608",
            "id": "smiling_imp",
            "label": "smiling_imp",
            "category": 1
        },
        {
            "code": "1F47F",
            "id": "imp",
            "label": "imp",
            "category": 1
        },
        {
            "code": "1F479",
            "id": "japanese_ogre",
            "label": "japanese_ogre",
            "category": 1
        },
        {
            "code": "1F47A",
            "id": "japanese_goblin",
            "label": "japanese_goblin",
            "category": 1
        },
        {
            "code": "1F4A9",
            "id": "hankey",
            "label": "hankey",
            "category": 1
        },
        {
            "code": "1F47B",
            "id": "ghost",
            "label": "ghost",
            "category": 1
        },
        {
            "code": "1F480",
            "id": "skull",
            "label": "skull",
            "category": 1
        },
        {
            "code": "2620",
            "id": "skull_and_crossbones",
            "label": "skull_and_crossbones",
            "category": 1
        },
        {
            "code": "1F47D",
            "id": "alien",
            "label": "alien",
            "category": 1
        },
        {
            "code": "1F47E",
            "id": "space_invader",
            "label": "space_invader",
            "category": 1
        },
        {
            "code": "1F916",
            "id": "robot_face",
            "label": "robot_face",
            "category": 1
        },
        {
            "code": "1F383",
            "id": "jack_o_lantern",
            "label": "jack_o_lantern",
            "category": 1
        },
        {
            "code": "1F63A",
            "id": "smiley_cat",
            "label": "smiley_cat",
            "category": 1
        },
        {
            "code": "1F638",
            "id": "smile_cat",
            "label": "smile_cat",
            "category": 1
        },
        {
            "code": "1F639",
            "id": "joy_cat",
            "label": "joy_cat",
            "category": 1
        },
        {
            "code": "1F63B",
            "id": "heart_eyes_cat",
            "label": "heart_eyes_cat",
            "category": 1
        },
        {
            "code": "1F63C",
            "id": "smirk_cat",
            "label": "smirk_cat",
            "category": 1
        },
        {
            "code": "1F63D",
            "id": "kissing_cat",
            "label": "kissing_cat",
            "category": 1
        },
        {
            "code": "1F640",
            "id": "scream_cat",
            "label": "scream_cat",
            "category": 1
        },
        {
            "code": "1F63F",
            "id": "crying_cat_face",
            "label": "crying_cat_face",
            "category": 1
        },
        {
            "code": "1F63E",
            "id": "pouting_cat",
            "label": "pouting_cat",
            "category": 1
        },
        {
            "code": "1F450",
            "id": "open_hands",
            "label": "open_hands",
            "category": 1
        },
        {
            "code": "1F64C",
            "id": "raised_hands",
            "label": "raised_hands",
            "category": 1
        },
        {
            "code": "1F44F",
            "id": "clap",
            "label": "clap",
            "category": 1
        },
        {
            "code": "1F64F",
            "id": "pray",
            "label": "pray",
            "category": 1
        },
        {
            "code": "1F91D",
            "id": "handshake",
            "label": "handshake",
            "category": 1
        },
        {
            "code": "1F44D",
            "id": "+1",
            "label": "+1",
            "category": 1
        },
        {
            "code": "1F44E",
            "id": "-1",
            "label": "-1",
            "category": 1
        },
        {
            "code": "1F44A",
            "id": "facepunch",
            "label": "facepunch",
            "category": 1
        },
        {
            "code": "270A",
            "id": "fist",
            "label": "fist",
            "category": 1
        },
        {
            "code": "1F91B",
            "id": "left-facing_fist",
            "label": "left-facing_fist",
            "category": 1
        },
        {
            "code": "1F91C",
            "id": "right-facing_fist",
            "label": "right-facing_fist",
            "category": 1
        },
        {
            "code": "1F91E",
            "id": "hand_with_index_and_middle_fingers_crossed",
            "label": "hand_with_index_and_middle_fingers_crossed",
            "category": 1
        },
        {
            "code": "270C",
            "id": "v",
            "label": "v",
            "category": 1
        },
        {
            "code": "1F918",
            "id": "the_horns",
            "label": "the_horns",
            "category": 1
        },
        {
            "code": "1F44C",
            "id": "ok_hand",
            "label": "ok_hand",
            "category": 1
        },
        {
            "code": "1F448",
            "id": "point_left",
            "label": "point_left",
            "category": 1
        },
        {
            "code": "1F449",
            "id": "point_right",
            "label": "point_right",
            "category": 1
        },
        {
            "code": "1F446",
            "id": "point_up_2",
            "label": "point_up_2",
            "category": 1
        },
        {
            "code": "1F447",
            "id": "point_down",
            "label": "point_down",
            "category": 1
        },
        {
            "code": "261D",
            "id": "point_up",
            "label": "point_up",
            "category": 1
        },
        {
            "code": "270B",
            "id": "hand",
            "label": "hand",
            "category": 1
        },
        {
            "code": "1F91A",
            "id": "raised_back_of_hand",
            "label": "raised_back_of_hand",
            "category": 1
        },
        {
            "code": "1F590",
            "id": "raised_hand_with_fingers_splayed",
            "label": "raised_hand_with_fingers_splayed",
            "category": 1
        },
        {
            "code": "1F596",
            "id": "spock-hand",
            "label": "spock-hand",
            "category": 1
        },
        {
            "code": "1F44B",
            "id": "wave",
            "label": "wave",
            "category": 1
        },
        {
            "code": "1F919",
            "id": "call_me_hand",
            "label": "call_me_hand",
            "category": 1
        },
        {
            "code": "1F4AA",
            "id": "muscle",
            "label": "muscle",
            "category": 1
        },
        {
            "code": "1F595",
            "id": "middle_finger",
            "label": "middle_finger",
            "category": 1
        },
        {
            "code": "270D",
            "id": "writing_hand",
            "label": "writing_hand",
            "category": 1
        },
        {
            "code": "1F933",
            "id": "selfie",
            "label": "selfie",
            "category": 1
        },
        {
            "code": "1F485",
            "id": "nail_care",
            "label": "nail_care",
            "category": 1
        },
        {
            "code": "1F48D",
            "id": "ring",
            "label": "ring",
            "category": 1
        },
        {
            "code": "1F484",
            "id": "lipstick",
            "label": "lipstick",
            "category": 1
        },
        {
            "code": "1F48B",
            "id": "kiss",
            "label": "kiss",
            "category": 1
        },
        {
            "code": "1F444",
            "id": "lips",
            "label": "lips",
            "category": 1
        },
        {
            "code": "1F445",
            "id": "tongue",
            "label": "tongue",
            "category": 1
        },
        {
            "code": "1F442",
            "id": "ear",
            "label": "ear",
            "category": 1
        },
        {
            "code": "1F443",
            "id": "nose",
            "label": "nose",
            "category": 1
        },
        {
            "code": "1F463",
            "id": "footprints",
            "label": "footprints",
            "category": 1
        },
        {
            "code": "1F441",
            "id": "eye",
            "label": "eye",
            "category": 1
        },
        {
            "code": "1F440",
            "id": "eyes",
            "label": "eyes",
            "category": 1
        },
        {
            "code": "1F5E3",
            "id": "speaking_head_in_silhouette",
            "label": "speaking_head_in_silhouette",
            "category": 1
        },
        {
            "code": "1F464",
            "id": "bust_in_silhouette",
            "label": "bust_in_silhouette",
            "category": 1
        },
        {
            "code": "1F465",
            "id": "busts_in_silhouette",
            "label": "busts_in_silhouette",
            "category": 1
        },
        {
            "code": "1F476",
            "id": "baby",
            "label": "baby",
            "category": 1
        },
        {
            "code": "1F466",
            "id": "boy",
            "label": "boy",
            "category": 1
        },
        {
            "code": "1F467",
            "id": "girl",
            "label": "girl",
            "category": 1
        },
        {
            "code": "1F468",
            "id": "man",
            "label": "man",
            "category": 1
        },
        {
            "code": "1F469",
            "id": "woman",
            "label": "woman",
            "category": 1
        },
        {
            "code": "1F471",
            "id": "person_with_blond_hair",
            "label": "person_with_blond_hair",
            "category": 1
        },
        {
            "code": "1F474",
            "id": "older_man",
            "label": "older_man",
            "category": 1
        },
        {
            "code": "1F475",
            "id": "older_woman",
            "label": "older_woman",
            "category": 1
        },
        {
            "code": "1F472",
            "id": "man_with_gua_pi_mao",
            "label": "man_with_gua_pi_mao",
            "category": 1
        },
        {
            "code": "1F473",
            "id": "man_with_turban",
            "label": "man_with_turban",
            "category": 1
        },
        {
            "code": "1F46E",
            "id": "cop",
            "label": "cop",
            "category": 1
        },
        {
            "code": "1F477",
            "id": "construction_worker",
            "label": "construction_worker",
            "category": 1
        },
        {
            "code": "1F482",
            "id": "guardsman",
            "label": "guardsman",
            "category": 1
        },
        {
            "code": "1F575",
            "id": "sleuth_or_spy",
            "label": "sleuth_or_spy",
            "category": 1
        },
        {
            "code": "1F936",
            "id": "mother_christmas",
            "label": "mother_christmas",
            "category": 1
        },
        {
            "code": "1F385",
            "id": "santa",
            "label": "santa",
            "category": 1
        },
        {
            "code": "1F478",
            "id": "princess",
            "label": "princess",
            "category": 1
        },
        {
            "code": "1F934",
            "id": "prince",
            "label": "prince",
            "category": 1
        },
        {
            "code": "1F470",
            "id": "bride_with_veil",
            "label": "bride_with_veil",
            "category": 1
        },
        {
            "code": "1F935",
            "id": "man_in_tuxedo",
            "label": "man_in_tuxedo",
            "category": 1
        },
        {
            "code": "1F47C",
            "id": "angel",
            "label": "angel",
            "category": 1
        },
        {
            "code": "1F930",
            "id": "pregnant_woman",
            "label": "pregnant_woman",
            "category": 1
        },
        {
            "code": "1F647",
            "id": "bow",
            "label": "bow",
            "category": 1
        },
        {
            "code": "1F481",
            "id": "information_desk_person",
            "label": "information_desk_person",
            "category": 1
        },
        {
            "code": "1F645",
            "id": "no_good",
            "label": "no_good",
            "category": 1
        },
        {
            "code": "1F646",
            "id": "ok_woman",
            "label": "ok_woman",
            "category": 1
        },
        {
            "code": "1F64B",
            "id": "raising_hand",
            "label": "raising_hand",
            "category": 1
        },
        {
            "code": "1F926",
            "id": "face_palm",
            "label": "face_palm",
            "category": 1
        },
        {
            "code": "1F937",
            "id": "shrug",
            "label": "shrug",
            "category": 1
        },
        {
            "code": "1F64E",
            "id": "person_with_pouting_face",
            "label": "person_with_pouting_face",
            "category": 1
        },
        {
            "code": "1F64D",
            "id": "person_frowning",
            "label": "person_frowning",
            "category": 1
        },
        {
            "code": "1F487",
            "id": "haircut",
            "label": "haircut",
            "category": 1
        },
        {
            "code": "1F486",
            "id": "massage",
            "label": "massage",
            "category": 1
        },
        {
            "code": "1F574",
            "id": "man_in_business_suit_levitating",
            "label": "man_in_business_suit_levitating",
            "category": 1
        },
        {
            "code": "1F483",
            "id": "dancer",
            "label": "dancer",
            "category": 1
        },
        {
            "code": "1F57A",
            "id": "man_dancing",
            "label": "man_dancing",
            "category": 1
        },
        {
            "code": "1F46F",
            "id": "dancers",
            "label": "dancers",
            "category": 1
        },
        {
            "code": "1F6B6",
            "id": "walking",
            "label": "walking",
            "category": 1
        },
        {
            "code": "1F3C3",
            "id": "runner",
            "label": "runner",
            "category": 1
        },
        {
            "code": "1F46B",
            "id": "couple",
            "label": "couple",
            "category": 1
        },
        {
            "code": "1F46D",
            "id": "two_women_holding_hands",
            "label": "two_women_holding_hands",
            "category": 1
        },
        {
            "code": "1F46C",
            "id": "two_men_holding_hands",
            "label": "two_men_holding_hands",
            "category": 1
        },
        {
            "code": "1F46A",
            "id": "family",
            "label": "family",
            "category": 1
        },
        {
            "code": "1F45A",
            "id": "womans_clothes",
            "label": "womans_clothes",
            "category": 1
        },
        {
            "code": "1F455",
            "id": "shirt",
            "label": "shirt",
            "category": 1
        },
        {
            "code": "1F456",
            "id": "jeans",
            "label": "jeans",
            "category": 1
        },
        {
            "code": "1F454",
            "id": "necktie",
            "label": "necktie",
            "category": 1
        },
        {
            "code": "1F457",
            "id": "dress",
            "label": "dress",
            "category": 1
        },
        {
            "code": "1F459",
            "id": "bikini",
            "label": "bikini",
            "category": 1
        },
        {
            "code": "1F458",
            "id": "kimono",
            "label": "kimono",
            "category": 1
        },
        {
            "code": "1F460",
            "id": "high_heel",
            "label": "high_heel",
            "category": 1
        },
        {
            "code": "1F461",
            "id": "sandal",
            "label": "sandal",
            "category": 1
        },
        {
            "code": "1F462",
            "id": "boot",
            "label": "boot",
            "category": 1
        },
        {
            "code": "1F45E",
            "id": "mans_shoe",
            "label": "mans_shoe",
            "category": 1
        },
        {
            "code": "1F45F",
            "id": "athletic_shoe",
            "label": "athletic_shoe",
            "category": 1
        },
        {
            "code": "1F452",
            "id": "womans_hat",
            "label": "womans_hat",
            "category": 1
        },
        {
            "code": "1F3A9",
            "id": "tophat",
            "label": "tophat",
            "category": 1
        },
        {
            "code": "1F393",
            "id": "mortar_board",
            "label": "mortar_board",
            "category": 1
        },
        {
            "code": "1F451",
            "id": "crown",
            "label": "crown",
            "category": 1
        },
        {
            "code": "26D1",
            "id": "helmet_with_white_cross",
            "label": "helmet_with_white_cross",
            "category": 1
        },
        {
            "code": "1F392",
            "id": "school_satchel",
            "label": "school_satchel",
            "category": 1
        },
        {
            "code": "1F45D",
            "id": "pouch",
            "label": "pouch",
            "category": 1
        },
        {
            "code": "1F45B",
            "id": "purse",
            "label": "purse",
            "category": 1
        },
        {
            "code": "1F45C",
            "id": "handbag",
            "label": "handbag",
            "category": 1
        },
        {
            "code": "1F4BC",
            "id": "briefcase",
            "label": "briefcase",
            "category": 1
        },
        {
            "code": "1F453",
            "id": "eyeglasses",
            "label": "eyeglasses",
            "category": 1
        },
        {
            "code": "1F576",
            "id": "dark_sunglasses",
            "label": "dark_sunglasses",
            "category": 1
        },
        {
            "code": "1F302",
            "id": "closed_umbrella",
            "label": "closed_umbrella",
            "category": 1
        },
        {
            "code": "2602",
            "id": "umbrella",
            "label": "umbrella",
            "category": 1
        },
        {
            "id": "$category2",
            "label": "Animals & Nature",
            "category": 2
        },
        {
            "code": "1F436",
            "id": "dog",
            "label": "dog",
            "category": 2
        },
        {
            "code": "1F431",
            "id": "cat",
            "label": "cat",
            "category": 2
        },
        {
            "code": "1F42D",
            "id": "mouse",
            "label": "mouse",
            "category": 2
        },
        {
            "code": "1F439",
            "id": "hamster",
            "label": "hamster",
            "category": 2
        },
        {
            "code": "1F430",
            "id": "rabbit",
            "label": "rabbit",
            "category": 2
        },
        {
            "code": "1F98A",
            "id": "fox_face",
            "label": "fox_face",
            "category": 2
        },
        {
            "code": "1F43B",
            "id": "bear",
            "label": "bear",
            "category": 2
        },
        {
            "code": "1F43C",
            "id": "panda_face",
            "label": "panda_face",
            "category": 2
        },
        {
            "code": "1F428",
            "id": "koala",
            "label": "koala",
            "category": 2
        },
        {
            "code": "1F42F",
            "id": "tiger",
            "label": "tiger",
            "category": 2
        },
        {
            "code": "1F981",
            "id": "lion_face",
            "label": "lion_face",
            "category": 2
        },
        {
            "code": "1F42E",
            "id": "cow",
            "label": "cow",
            "category": 2
        },
        {
            "code": "1F437",
            "id": "pig",
            "label": "pig",
            "category": 2
        },
        {
            "code": "1F43D",
            "id": "pig_nose",
            "label": "pig_nose",
            "category": 2
        },
        {
            "code": "1F438",
            "id": "frog",
            "label": "frog",
            "category": 2
        },
        {
            "code": "1F435",
            "id": "monkey_face",
            "label": "monkey_face",
            "category": 2
        },
        {
            "code": "1F648",
            "id": "see_no_evil",
            "label": "see_no_evil",
            "category": 2
        },
        {
            "code": "1F649",
            "id": "hear_no_evil",
            "label": "hear_no_evil",
            "category": 2
        },
        {
            "code": "1F64A",
            "id": "speak_no_evil",
            "label": "speak_no_evil",
            "category": 2
        },
        {
            "code": "1F412",
            "id": "monkey",
            "label": "monkey",
            "category": 2
        },
        {
            "code": "1F414",
            "id": "chicken",
            "label": "chicken",
            "category": 2
        },
        {
            "code": "1F427",
            "id": "penguin",
            "label": "penguin",
            "category": 2
        },
        {
            "code": "1F426",
            "id": "bird",
            "label": "bird",
            "category": 2
        },
        {
            "code": "1F424",
            "id": "baby_chick",
            "label": "baby_chick",
            "category": 2
        },
        {
            "code": "1F423",
            "id": "hatching_chick",
            "label": "hatching_chick",
            "category": 2
        },
        {
            "code": "1F425",
            "id": "hatched_chick",
            "label": "hatched_chick",
            "category": 2
        },
        {
            "code": "1F986",
            "id": "duck",
            "label": "duck",
            "category": 2
        },
        {
            "code": "1F985",
            "id": "eagle",
            "label": "eagle",
            "category": 2
        },
        {
            "code": "1F989",
            "id": "owl",
            "label": "owl",
            "category": 2
        },
        {
            "code": "1F987",
            "id": "bat",
            "label": "bat",
            "category": 2
        },
        {
            "code": "1F43A",
            "id": "wolf",
            "label": "wolf",
            "category": 2
        },
        {
            "code": "1F417",
            "id": "boar",
            "label": "boar",
            "category": 2
        },
        {
            "code": "1F434",
            "id": "horse",
            "label": "horse",
            "category": 2
        },
        {
            "code": "1F984",
            "id": "unicorn_face",
            "label": "unicorn_face",
            "category": 2
        },
        {
            "code": "1F41D",
            "id": "bee",
            "label": "bee",
            "category": 2
        },
        {
            "code": "1F41B",
            "id": "bug",
            "label": "bug",
            "category": 2
        },
        {
            "code": "1F98B",
            "id": "butterfly",
            "label": "butterfly",
            "category": 2
        },
        {
            "code": "1F40C",
            "id": "snail",
            "label": "snail",
            "category": 2
        },
        {
            "code": "1F41A",
            "id": "shell",
            "label": "shell",
            "category": 2
        },
        {
            "code": "1F41E",
            "id": "beetle",
            "label": "beetle",
            "category": 2
        },
        {
            "code": "1F41C",
            "id": "ant",
            "label": "ant",
            "category": 2
        },
        {
            "code": "1F577",
            "id": "spider",
            "label": "spider",
            "category": 2
        },
        {
            "code": "1F578",
            "id": "spider_web",
            "label": "spider_web",
            "category": 2
        },
        {
            "code": "1F422",
            "id": "turtle",
            "label": "turtle",
            "category": 2
        },
        {
            "code": "1F40D",
            "id": "snake",
            "label": "snake",
            "category": 2
        },
        {
            "code": "1F98E",
            "id": "lizard",
            "label": "lizard",
            "category": 2
        },
        {
            "code": "1F982",
            "id": "scorpion",
            "label": "scorpion",
            "category": 2
        },
        {
            "code": "1F980",
            "id": "crab",
            "label": "crab",
            "category": 2
        },
        {
            "code": "1F991",
            "id": "squid",
            "label": "squid",
            "category": 2
        },
        {
            "code": "1F419",
            "id": "octopus",
            "label": "octopus",
            "category": 2
        },
        {
            "code": "1F990",
            "id": "shrimp",
            "label": "shrimp",
            "category": 2
        },
        {
            "code": "1F420",
            "id": "tropical_fish",
            "label": "tropical_fish",
            "category": 2
        },
        {
            "code": "1F41F",
            "id": "fish",
            "label": "fish",
            "category": 2
        },
        {
            "code": "1F421",
            "id": "blowfish",
            "label": "blowfish",
            "category": 2
        },
        {
            "code": "1F42C",
            "id": "dolphin",
            "label": "dolphin",
            "category": 2
        },
        {
            "code": "1F988",
            "id": "shark",
            "label": "shark",
            "category": 2
        },
        {
            "code": "1F433",
            "id": "whale",
            "label": "whale",
            "category": 2
        },
        {
            "code": "1F40B",
            "id": "whale2",
            "label": "whale2",
            "category": 2
        },
        {
            "code": "1F40A",
            "id": "crocodile",
            "label": "crocodile",
            "category": 2
        },
        {
            "code": "1F406",
            "id": "leopard",
            "label": "leopard",
            "category": 2
        },
        {
            "code": "1F405",
            "id": "tiger2",
            "label": "tiger2",
            "category": 2
        },
        {
            "code": "1F403",
            "id": "water_buffalo",
            "label": "water_buffalo",
            "category": 2
        },
        {
            "code": "1F402",
            "id": "ox",
            "label": "ox",
            "category": 2
        },
        {
            "code": "1F404",
            "id": "cow2",
            "label": "cow2",
            "category": 2
        },
        {
            "code": "1F98C",
            "id": "deer",
            "label": "deer",
            "category": 2
        },
        {
            "code": "1F42A",
            "id": "dromedary_camel",
            "label": "dromedary_camel",
            "category": 2
        },
        {
            "code": "1F42B",
            "id": "camel",
            "label": "camel",
            "category": 2
        },
        {
            "code": "1F418",
            "id": "elephant",
            "label": "elephant",
            "category": 2
        },
        {
            "code": "1F98F",
            "id": "rhinoceros",
            "label": "rhinoceros",
            "category": 2
        },
        {
            "code": "1F98D",
            "id": "gorilla",
            "label": "gorilla",
            "category": 2
        },
        {
            "code": "1F40E",
            "id": "racehorse",
            "label": "racehorse",
            "category": 2
        },
        {
            "code": "1F416",
            "id": "pig2",
            "label": "pig2",
            "category": 2
        },
        {
            "code": "1F410",
            "id": "goat",
            "label": "goat",
            "category": 2
        },
        {
            "code": "1F40F",
            "id": "ram",
            "label": "ram",
            "category": 2
        },
        {
            "code": "1F411",
            "id": "sheep",
            "label": "sheep",
            "category": 2
        },
        {
            "code": "1F415",
            "id": "dog2",
            "label": "dog2",
            "category": 2
        },
        {
            "code": "1F429",
            "id": "poodle",
            "label": "poodle",
            "category": 2
        },
        {
            "code": "1F408",
            "id": "cat2",
            "label": "cat2",
            "category": 2
        },
        {
            "code": "1F413",
            "id": "rooster",
            "label": "rooster",
            "category": 2
        },
        {
            "code": "1F983",
            "id": "turkey",
            "label": "turkey",
            "category": 2
        },
        {
            "code": "1F54A",
            "id": "dove_of_peace",
            "label": "dove_of_peace",
            "category": 2
        },
        {
            "code": "1F407",
            "id": "rabbit2",
            "label": "rabbit2",
            "category": 2
        },
        {
            "code": "1F401",
            "id": "mouse2",
            "label": "mouse2",
            "category": 2
        },
        {
            "code": "1F400",
            "id": "rat",
            "label": "rat",
            "category": 2
        },
        {
            "code": "1F43F",
            "id": "chipmunk",
            "label": "chipmunk",
            "category": 2
        },
        {
            "code": "1F43E",
            "id": "feet",
            "label": "feet",
            "category": 2
        },
        {
            "code": "1F409",
            "id": "dragon",
            "label": "dragon",
            "category": 2
        },
        {
            "code": "1F432",
            "id": "dragon_face",
            "label": "dragon_face",
            "category": 2
        },
        {
            "code": "1F335",
            "id": "cactus",
            "label": "cactus",
            "category": 2
        },
        {
            "code": "1F384",
            "id": "christmas_tree",
            "label": "christmas_tree",
            "category": 2
        },
        {
            "code": "1F332",
            "id": "evergreen_tree",
            "label": "evergreen_tree",
            "category": 2
        },
        {
            "code": "1F333",
            "id": "deciduous_tree",
            "label": "deciduous_tree",
            "category": 2
        },
        {
            "code": "1F334",
            "id": "palm_tree",
            "label": "palm_tree",
            "category": 2
        },
        {
            "code": "1F331",
            "id": "seedling",
            "label": "seedling",
            "category": 2
        },
        {
            "code": "1F33F",
            "id": "herb",
            "label": "herb",
            "category": 2
        },
        {
            "code": "2618",
            "id": "shamrock",
            "label": "shamrock",
            "category": 2
        },
        {
            "code": "1F340",
            "id": "four_leaf_clover",
            "label": "four_leaf_clover",
            "category": 2
        },
        {
            "code": "1F38D",
            "id": "bamboo",
            "label": "bamboo",
            "category": 2
        },
        {
            "code": "1F38B",
            "id": "tanabata_tree",
            "label": "tanabata_tree",
            "category": 2
        },
        {
            "code": "1F343",
            "id": "leaves",
            "label": "leaves",
            "category": 2
        },
        {
            "code": "1F342",
            "id": "fallen_leaf",
            "label": "fallen_leaf",
            "category": 2
        },
        {
            "code": "1F341",
            "id": "maple_leaf",
            "label": "maple_leaf",
            "category": 2
        },
        {
            "code": "1F344",
            "id": "mushroom",
            "label": "mushroom",
            "category": 2
        },
        {
            "code": "1F33E",
            "id": "ear_of_rice",
            "label": "ear_of_rice",
            "category": 2
        },
        {
            "code": "1F490",
            "id": "bouquet",
            "label": "bouquet",
            "category": 2
        },
        {
            "code": "1F337",
            "id": "tulip",
            "label": "tulip",
            "category": 2
        },
        {
            "code": "1F339",
            "id": "rose",
            "label": "rose",
            "category": 2
        },
        {
            "code": "1F940",
            "id": "wilted_flower",
            "label": "wilted_flower",
            "category": 2
        },
        {
            "code": "1F33B",
            "id": "sunflower",
            "label": "sunflower",
            "category": 2
        },
        {
            "code": "1F33C",
            "id": "blossom",
            "label": "blossom",
            "category": 2
        },
        {
            "code": "1F338",
            "id": "cherry_blossom",
            "label": "cherry_blossom",
            "category": 2
        },
        {
            "code": "1F33A",
            "id": "hibiscus",
            "label": "hibiscus",
            "category": 2
        },
        {
            "code": "1F30E",
            "id": "earth_americas",
            "label": "earth_americas",
            "category": 2
        },
        {
            "code": "1F30D",
            "id": "earth_africa",
            "label": "earth_africa",
            "category": 2
        },
        {
            "code": "1F30F",
            "id": "earth_asia",
            "label": "earth_asia",
            "category": 2
        },
        {
            "code": "1F315",
            "id": "full_moon",
            "label": "full_moon",
            "category": 2
        },
        {
            "code": "1F316",
            "id": "waning_gibbous_moon",
            "label": "waning_gibbous_moon",
            "category": 2
        },
        {
            "code": "1F317",
            "id": "last_quarter_moon",
            "label": "last_quarter_moon",
            "category": 2
        },
        {
            "code": "1F318",
            "id": "waning_crescent_moon",
            "label": "waning_crescent_moon",
            "category": 2
        },
        {
            "code": "1F311",
            "id": "new_moon",
            "label": "new_moon",
            "category": 2
        },
        {
            "code": "1F312",
            "id": "waxing_crescent_moon",
            "label": "waxing_crescent_moon",
            "category": 2
        },
        {
            "code": "1F313",
            "id": "first_quarter_moon",
            "label": "first_quarter_moon",
            "category": 2
        },
        {
            "code": "1F314",
            "id": "moon",
            "label": "moon",
            "category": 2
        },
        {
            "code": "1F31A",
            "id": "new_moon_with_face",
            "label": "new_moon_with_face",
            "category": 2
        },
        {
            "code": "1F31D",
            "id": "full_moon_with_face",
            "label": "full_moon_with_face",
            "category": 2
        },
        {
            "code": "1F31E",
            "id": "sun_with_face",
            "label": "sun_with_face",
            "category": 2
        },
        {
            "code": "1F31B",
            "id": "first_quarter_moon_with_face",
            "label": "first_quarter_moon_with_face",
            "category": 2
        },
        {
            "code": "1F31C",
            "id": "last_quarter_moon_with_face",
            "label": "last_quarter_moon_with_face",
            "category": 2
        },
        {
            "code": "1F319",
            "id": "crescent_moon",
            "label": "crescent_moon",
            "category": 2
        },
        {
            "code": "1F4AB",
            "id": "dizzy",
            "label": "dizzy",
            "category": 2
        },
        {
            "code": "2B50",
            "id": "star",
            "label": "star",
            "category": 2
        },
        {
            "code": "1F31F",
            "id": "star2",
            "label": "star2",
            "category": 2
        },
        {
            "code": "2728",
            "id": "sparkles",
            "label": "sparkles",
            "category": 2
        },
        {
            "code": "26A1",
            "id": "zap",
            "label": "zap",
            "category": 2
        },
        {
            "code": "1F525",
            "id": "fire",
            "label": "fire",
            "category": 2
        },
        {
            "code": "1F4A5",
            "id": "boom",
            "label": "boom",
            "category": 2
        },
        {
            "code": "2604",
            "id": "comet",
            "label": "comet",
            "category": 2
        },
        {
            "code": "2600",
            "id": "sunny",
            "label": "sunny",
            "category": 2
        },
        {
            "code": "1F324",
            "id": "mostly_sunny",
            "label": "mostly_sunny",
            "category": 2
        },
        {
            "code": "26C5",
            "id": "partly_sunny",
            "label": "partly_sunny",
            "category": 2
        },
        {
            "code": "1F325",
            "id": "barely_sunny",
            "label": "barely_sunny",
            "category": 2
        },
        {
            "code": "1F326",
            "id": "partly_sunny_rain",
            "label": "partly_sunny_rain",
            "category": 2
        },
        {
            "code": "1F308",
            "id": "rainbow",
            "label": "rainbow",
            "category": 2
        },
        {
            "code": "2601",
            "id": "cloud",
            "label": "cloud",
            "category": 2
        },
        {
            "code": "1F327",
            "id": "rain_cloud",
            "label": "rain_cloud",
            "category": 2
        },
        {
            "code": "26C8",
            "id": "thunder_cloud_and_rain",
            "label": "thunder_cloud_and_rain",
            "category": 2
        },
        {
            "code": "1F329",
            "id": "lightning",
            "label": "lightning",
            "category": 2
        },
        {
            "code": "1F328",
            "id": "snow_cloud",
            "label": "snow_cloud",
            "category": 2
        },
        {
            "code": "2603",
            "id": "snowman",
            "label": "snowman",
            "category": 2
        },
        {
            "code": "26C4",
            "id": "snowman_without_snow",
            "label": "snowman_without_snow",
            "category": 2
        },
        {
            "code": "2744",
            "id": "snowflake",
            "label": "snowflake",
            "category": 2
        },
        {
            "code": "1F32C",
            "id": "wind_blowing_face",
            "label": "wind_blowing_face",
            "category": 2
        },
        {
            "code": "1F4A8",
            "id": "dash",
            "label": "dash",
            "category": 2
        },
        {
            "code": "1F32A",
            "id": "tornado",
            "label": "tornado",
            "category": 2
        },
        {
            "code": "1F32B",
            "id": "fog",
            "label": "fog",
            "category": 2
        },
        {
            "code": "1F30A",
            "id": "ocean",
            "label": "ocean",
            "category": 2
        },
        {
            "code": "1F4A7",
            "id": "droplet",
            "label": "droplet",
            "category": 2
        },
        {
            "code": "1F4A6",
            "id": "sweat_drops",
            "label": "sweat_drops",
            "category": 2
        },
        {
            "code": "2614",
            "id": "umbrella_with_rain_drops",
            "label": "umbrella_with_rain_drops",
            "category": 2
        },
        {
            "id": "$category3",
            "label": "Activity",
            "category": 3
        },
        {
            "code": "26BD",
            "id": "soccer",
            "label": "soccer",
            "category": 3
        },
        {
            "code": "1F3C0",
            "id": "basketball",
            "label": "basketball",
            "category": 3
        },
        {
            "code": "1F3C8",
            "id": "football",
            "label": "football",
            "category": 3
        },
        {
            "code": "26BE",
            "id": "baseball",
            "label": "baseball",
            "category": 3
        },
        {
            "code": "1F3BE",
            "id": "tennis",
            "label": "tennis",
            "category": 3
        },
        {
            "code": "1F3D0",
            "id": "volleyball",
            "label": "volleyball",
            "category": 3
        },
        {
            "code": "1F3C9",
            "id": "rugby_football",
            "label": "rugby_football",
            "category": 3
        },
        {
            "code": "1F3B1",
            "id": "8ball",
            "label": "8ball",
            "category": 3
        },
        {
            "code": "1F3D3",
            "id": "table_tennis_paddle_and_ball",
            "label": "table_tennis_paddle_and_ball",
            "category": 3
        },
        {
            "code": "1F3F8",
            "id": "badminton_racquet_and_shuttlecock",
            "label": "badminton_racquet_and_shuttlecock",
            "category": 3
        },
        {
            "code": "1F945",
            "id": "goal_net",
            "label": "goal_net",
            "category": 3
        },
        {
            "code": "1F3D2",
            "id": "ice_hockey_stick_and_puck",
            "label": "ice_hockey_stick_and_puck",
            "category": 3
        },
        {
            "code": "1F3D1",
            "id": "field_hockey_stick_and_ball",
            "label": "field_hockey_stick_and_ball",
            "category": 3
        },
        {
            "code": "1F3CF",
            "id": "cricket_bat_and_ball",
            "label": "cricket_bat_and_ball",
            "category": 3
        },
        {
            "code": "26F3",
            "id": "golf",
            "label": "golf",
            "category": 3
        },
        {
            "code": "1F3F9",
            "id": "bow_and_arrow",
            "label": "bow_and_arrow",
            "category": 3
        },
        {
            "code": "1F3A3",
            "id": "fishing_pole_and_fish",
            "label": "fishing_pole_and_fish",
            "category": 3
        },
        {
            "code": "1F94A",
            "id": "boxing_glove",
            "label": "boxing_glove",
            "category": 3
        },
        {
            "code": "1F94B",
            "id": "martial_arts_uniform",
            "label": "martial_arts_uniform",
            "category": 3
        },
        {
            "code": "26F8",
            "id": "ice_skate",
            "label": "ice_skate",
            "category": 3
        },
        {
            "code": "1F3BF",
            "id": "ski",
            "label": "ski",
            "category": 3
        },
        {
            "code": "26F7",
            "id": "skier",
            "label": "skier",
            "category": 3
        },
        {
            "code": "1F3C2",
            "id": "snowboarder",
            "label": "snowboarder",
            "category": 3
        },
        {
            "code": "1F3CB",
            "id": "weight_lifter",
            "label": "weight_lifter",
            "category": 3
        },
        {
            "code": "1F93A",
            "id": "fencer",
            "label": "fencer",
            "category": 3
        },
        {
            "code": "1F93C",
            "id": "wrestlers",
            "label": "wrestlers",
            "category": 3
        },
        {
            "code": "1F938",
            "id": "person_doing_cartwheel",
            "label": "person_doing_cartwheel",
            "category": 3
        },
        {
            "code": "26F9",
            "id": "person_with_ball",
            "label": "person_with_ball",
            "category": 3
        },
        {
            "code": "1F93E",
            "id": "handball",
            "label": "handball",
            "category": 3
        },
        {
            "code": "1F3CC",
            "id": "golfer",
            "label": "golfer",
            "category": 3
        },
        {
            "code": "1F3C4",
            "id": "surfer",
            "label": "surfer",
            "category": 3
        },
        {
            "code": "1F3CA",
            "id": "swimmer",
            "label": "swimmer",
            "category": 3
        },
        {
            "code": "1F93D",
            "id": "water_polo",
            "label": "water_polo",
            "category": 3
        },
        {
            "code": "1F6A3",
            "id": "rowboat",
            "label": "rowboat",
            "category": 3
        },
        {
            "code": "1F3C7",
            "id": "horse_racing",
            "label": "horse_racing",
            "category": 3
        },
        {
            "code": "1F6B4",
            "id": "bicyclist",
            "label": "bicyclist",
            "category": 3
        },
        {
            "code": "1F6B5",
            "id": "mountain_bicyclist",
            "label": "mountain_bicyclist",
            "category": 3
        },
        {
            "code": "1F3BD",
            "id": "running_shirt_with_sash",
            "label": "running_shirt_with_sash",
            "category": 3
        },
        {
            "code": "1F3C5",
            "id": "sports_medal",
            "label": "sports_medal",
            "category": 3
        },
        {
            "code": "1F396",
            "id": "medal",
            "label": "medal",
            "category": 3
        },
        {
            "code": "1F947",
            "id": "first_place_medal",
            "label": "first_place_medal",
            "category": 3
        },
        {
            "code": "1F948",
            "id": "second_place_medal",
            "label": "second_place_medal",
            "category": 3
        },
        {
            "code": "1F949",
            "id": "third_place_medal",
            "label": "third_place_medal",
            "category": 3
        },
        {
            "code": "1F3C6",
            "id": "trophy",
            "label": "trophy",
            "category": 3
        },
        {
            "code": "1F3F5",
            "id": "rosette",
            "label": "rosette",
            "category": 3
        },
        {
            "code": "1F397",
            "id": "reminder_ribbon",
            "label": "reminder_ribbon",
            "category": 3
        },
        {
            "code": "1F3AB",
            "id": "ticket",
            "label": "ticket",
            "category": 3
        },
        {
            "code": "1F39F",
            "id": "admission_tickets",
            "label": "admission_tickets",
            "category": 3
        },
        {
            "code": "1F3AA",
            "id": "circus_tent",
            "label": "circus_tent",
            "category": 3
        },
        {
            "code": "1F939",
            "id": "juggling",
            "label": "juggling",
            "category": 3
        },
        {
            "code": "1F3AD",
            "id": "performing_arts",
            "label": "performing_arts",
            "category": 3
        },
        {
            "code": "1F3A8",
            "id": "art",
            "label": "art",
            "category": 3
        },
        {
            "code": "1F3AC",
            "id": "clapper",
            "label": "clapper",
            "category": 3
        },
        {
            "code": "1F3A4",
            "id": "microphone",
            "label": "microphone",
            "category": 3
        },
        {
            "code": "1F3A7",
            "id": "headphones",
            "label": "headphones",
            "category": 3
        },
        {
            "code": "1F3BC",
            "id": "musical_score",
            "label": "musical_score",
            "category": 3
        },
        {
            "code": "1F3B9",
            "id": "musical_keyboard",
            "label": "musical_keyboard",
            "category": 3
        },
        {
            "code": "1F941",
            "id": "drum_with_drumsticks",
            "label": "drum_with_drumsticks",
            "category": 3
        },
        {
            "code": "1F3B7",
            "id": "saxophone",
            "label": "saxophone",
            "category": 3
        },
        {
            "code": "1F3BA",
            "id": "trumpet",
            "label": "trumpet",
            "category": 3
        },
        {
            "code": "1F3B8",
            "id": "guitar",
            "label": "guitar",
            "category": 3
        },
        {
            "code": "1F3BB",
            "id": "violin",
            "label": "violin",
            "category": 3
        },
        {
            "code": "1F3B2",
            "id": "game_die",
            "label": "game_die",
            "category": 3
        },
        {
            "code": "1F3AF",
            "id": "dart",
            "label": "dart",
            "category": 3
        },
        {
            "code": "1F3B3",
            "id": "bowling",
            "label": "bowling",
            "category": 3
        },
        {
            "code": "1F3AE",
            "id": "video_game",
            "label": "video_game",
            "category": 3
        },
        {
            "code": "1F3B0",
            "id": "slot_machine",
            "label": "slot_machine",
            "category": 3
        },
        {
            "id": "$category4",
            "label": "Travel & Places",
            "category": 4
        },
        {
            "code": "1F697",
            "id": "car",
            "label": "car",
            "category": 4
        },
        {
            "code": "1F695",
            "id": "taxi",
            "label": "taxi",
            "category": 4
        },
        {
            "code": "1F699",
            "id": "blue_car",
            "label": "blue_car",
            "category": 4
        },
        {
            "code": "1F68C",
            "id": "bus",
            "label": "bus",
            "category": 4
        },
        {
            "code": "1F68E",
            "id": "trolleybus",
            "label": "trolleybus",
            "category": 4
        },
        {
            "code": "1F3CE",
            "id": "racing_car",
            "label": "racing_car",
            "category": 4
        },
        {
            "code": "1F693",
            "id": "police_car",
            "label": "police_car",
            "category": 4
        },
        {
            "code": "1F691",
            "id": "ambulance",
            "label": "ambulance",
            "category": 4
        },
        {
            "code": "1F692",
            "id": "fire_engine",
            "label": "fire_engine",
            "category": 4
        },
        {
            "code": "1F690",
            "id": "minibus",
            "label": "minibus",
            "category": 4
        },
        {
            "code": "1F69A",
            "id": "truck",
            "label": "truck",
            "category": 4
        },
        {
            "code": "1F69B",
            "id": "articulated_lorry",
            "label": "articulated_lorry",
            "category": 4
        },
        {
            "code": "1F69C",
            "id": "tractor",
            "label": "tractor",
            "category": 4
        },
        {
            "code": "1F6F4",
            "id": "scooter",
            "label": "scooter",
            "category": 4
        },
        {
            "code": "1F6B2",
            "id": "bike",
            "label": "bike",
            "category": 4
        },
        {
            "code": "1F6F5",
            "id": "motor_scooter",
            "label": "motor_scooter",
            "category": 4
        },
        {
            "code": "1F3CD",
            "id": "racing_motorcycle",
            "label": "racing_motorcycle",
            "category": 4
        },
        {
            "code": "1F6A8",
            "id": "rotating_light",
            "label": "rotating_light",
            "category": 4
        },
        {
            "code": "1F694",
            "id": "oncoming_police_car",
            "label": "oncoming_police_car",
            "category": 4
        },
        {
            "code": "1F68D",
            "id": "oncoming_bus",
            "label": "oncoming_bus",
            "category": 4
        },
        {
            "code": "1F698",
            "id": "oncoming_automobile",
            "label": "oncoming_automobile",
            "category": 4
        },
        {
            "code": "1F696",
            "id": "oncoming_taxi",
            "label": "oncoming_taxi",
            "category": 4
        },
        {
            "code": "1F6A1",
            "id": "aerial_tramway",
            "label": "aerial_tramway",
            "category": 4
        },
        {
            "code": "1F6A0",
            "id": "mountain_cableway",
            "label": "mountain_cableway",
            "category": 4
        },
        {
            "code": "1F69F",
            "id": "suspension_railway",
            "label": "suspension_railway",
            "category": 4
        },
        {
            "code": "1F683",
            "id": "railway_car",
            "label": "railway_car",
            "category": 4
        },
        {
            "code": "1F68B",
            "id": "train",
            "label": "train",
            "category": 4
        },
        {
            "code": "1F69E",
            "id": "mountain_railway",
            "label": "mountain_railway",
            "category": 4
        },
        {
            "code": "1F69D",
            "id": "monorail",
            "label": "monorail",
            "category": 4
        },
        {
            "code": "1F684",
            "id": "bullettrain_side",
            "label": "bullettrain_side",
            "category": 4
        },
        {
            "code": "1F685",
            "id": "bullettrain_front",
            "label": "bullettrain_front",
            "category": 4
        },
        {
            "code": "1F688",
            "id": "light_rail",
            "label": "light_rail",
            "category": 4
        },
        {
            "code": "1F682",
            "id": "steam_locomotive",
            "label": "steam_locomotive",
            "category": 4
        },
        {
            "code": "1F686",
            "id": "train2",
            "label": "train2",
            "category": 4
        },
        {
            "code": "1F687",
            "id": "metro",
            "label": "metro",
            "category": 4
        },
        {
            "code": "1F68A",
            "id": "tram",
            "label": "tram",
            "category": 4
        },
        {
            "code": "1F689",
            "id": "station",
            "label": "station",
            "category": 4
        },
        {
            "code": "1F681",
            "id": "helicopter",
            "label": "helicopter",
            "category": 4
        },
        {
            "code": "1F6E9",
            "id": "small_airplane",
            "label": "small_airplane",
            "category": 4
        },
        {
            "code": "2708",
            "id": "airplane",
            "label": "airplane",
            "category": 4
        },
        {
            "code": "1F6EB",
            "id": "airplane_departure",
            "label": "airplane_departure",
            "category": 4
        },
        {
            "code": "1F6EC",
            "id": "airplane_arriving",
            "label": "airplane_arriving",
            "category": 4
        },
        {
            "code": "1F680",
            "id": "rocket",
            "label": "rocket",
            "category": 4
        },
        {
            "code": "1F6F0",
            "id": "satellite",
            "label": "satellite",
            "category": 4
        },
        {
            "code": "1F4BA",
            "id": "seat",
            "label": "seat",
            "category": 4
        },
        {
            "code": "1F6F6",
            "id": "canoe",
            "label": "canoe",
            "category": 4
        },
        {
            "code": "26F5",
            "id": "boat",
            "label": "boat",
            "category": 4
        },
        {
            "code": "1F6E5",
            "id": "motor_boat",
            "label": "motor_boat",
            "category": 4
        },
        {
            "code": "1F6A4",
            "id": "speedboat",
            "label": "speedboat",
            "category": 4
        },
        {
            "code": "1F6F3",
            "id": "passenger_ship",
            "label": "passenger_ship",
            "category": 4
        },
        {
            "code": "26F4",
            "id": "ferry",
            "label": "ferry",
            "category": 4
        },
        {
            "code": "1F6A2",
            "id": "ship",
            "label": "ship",
            "category": 4
        },
        {
            "code": "2693",
            "id": "anchor",
            "label": "anchor",
            "category": 4
        },
        {
            "code": "1F6A7",
            "id": "construction",
            "label": "construction",
            "category": 4
        },
        {
            "code": "26FD",
            "id": "fuelpump",
            "label": "fuelpump",
            "category": 4
        },
        {
            "code": "1F68F",
            "id": "busstop",
            "label": "busstop",
            "category": 4
        },
        {
            "code": "1F6A6",
            "id": "vertical_traffic_light",
            "label": "vertical_traffic_light",
            "category": 4
        },
        {
            "code": "1F6A5",
            "id": "traffic_light",
            "label": "traffic_light",
            "category": 4
        },
        {
            "code": "1F5FA",
            "id": "world_map",
            "label": "world_map",
            "category": 4
        },
        {
            "code": "1F5FF",
            "id": "moyai",
            "label": "moyai",
            "category": 4
        },
        {
            "code": "1F5FD",
            "id": "statue_of_liberty",
            "label": "statue_of_liberty",
            "category": 4
        },
        {
            "code": "26F2",
            "id": "fountain",
            "label": "fountain",
            "category": 4
        },
        {
            "code": "1F5FC",
            "id": "tokyo_tower",
            "label": "tokyo_tower",
            "category": 4
        },
        {
            "code": "1F3F0",
            "id": "european_castle",
            "label": "european_castle",
            "category": 4
        },
        {
            "code": "1F3EF",
            "id": "japanese_castle",
            "label": "japanese_castle",
            "category": 4
        },
        {
            "code": "1F3DF",
            "id": "stadium",
            "label": "stadium",
            "category": 4
        },
        {
            "code": "1F3A1",
            "id": "ferris_wheel",
            "label": "ferris_wheel",
            "category": 4
        },
        {
            "code": "1F3A2",
            "id": "roller_coaster",
            "label": "roller_coaster",
            "category": 4
        },
        {
            "code": "1F3A0",
            "id": "carousel_horse",
            "label": "carousel_horse",
            "category": 4
        },
        {
            "code": "26F1",
            "id": "umbrella_on_ground",
            "label": "umbrella_on_ground",
            "category": 4
        },
        {
            "code": "1F3D6",
            "id": "beach_with_umbrella",
            "label": "beach_with_umbrella",
            "category": 4
        },
        {
            "code": "1F3DD",
            "id": "desert_island",
            "label": "desert_island",
            "category": 4
        },
        {
            "code": "26F0",
            "id": "mountain",
            "label": "mountain",
            "category": 4
        },
        {
            "code": "1F3D4",
            "id": "snow_capped_mountain",
            "label": "snow_capped_mountain",
            "category": 4
        },
        {
            "code": "1F5FB",
            "id": "mount_fuji",
            "label": "mount_fuji",
            "category": 4
        },
        {
            "code": "1F30B",
            "id": "volcano",
            "label": "volcano",
            "category": 4
        },
        {
            "code": "1F3DC",
            "id": "desert",
            "label": "desert",
            "category": 4
        },
        {
            "code": "1F3D5",
            "id": "camping",
            "label": "camping",
            "category": 4
        },
        {
            "code": "26FA",
            "id": "tent",
            "label": "tent",
            "category": 4
        },
        {
            "code": "1F6E4",
            "id": "railway_track",
            "label": "railway_track",
            "category": 4
        },
        {
            "code": "1F6E3",
            "id": "motorway",
            "label": "motorway",
            "category": 4
        },
        {
            "code": "1F3D7",
            "id": "building_construction",
            "label": "building_construction",
            "category": 4
        },
        {
            "code": "1F3ED",
            "id": "factory",
            "label": "factory",
            "category": 4
        },
        {
            "code": "1F3E0",
            "id": "house",
            "label": "house",
            "category": 4
        },
        {
            "code": "1F3E1",
            "id": "house_with_garden",
            "label": "house_with_garden",
            "category": 4
        },
        {
            "code": "1F3D8",
            "id": "house_buildings",
            "label": "house_buildings",
            "category": 4
        },
        {
            "code": "1F3DA",
            "id": "derelict_house_building",
            "label": "derelict_house_building",
            "category": 4
        },
        {
            "code": "1F3E2",
            "id": "office",
            "label": "office",
            "category": 4
        },
        {
            "code": "1F3EC",
            "id": "department_store",
            "label": "department_store",
            "category": 4
        },
        {
            "code": "1F3E3",
            "id": "post_office",
            "label": "post_office",
            "category": 4
        },
        {
            "code": "1F3E4",
            "id": "european_post_office",
            "label": "european_post_office",
            "category": 4
        },
        {
            "code": "1F3E5",
            "id": "hospital",
            "label": "hospital",
            "category": 4
        },
        {
            "code": "1F3E6",
            "id": "bank",
            "label": "bank",
            "category": 4
        },
        {
            "code": "1F3E8",
            "id": "hotel",
            "label": "hotel",
            "category": 4
        },
        {
            "code": "1F3EA",
            "id": "convenience_store",
            "label": "convenience_store",
            "category": 4
        },
        {
            "code": "1F3EB",
            "id": "school",
            "label": "school",
            "category": 4
        },
        {
            "code": "1F3E9",
            "id": "love_hotel",
            "label": "love_hotel",
            "category": 4
        },
        {
            "code": "1F492",
            "id": "wedding",
            "label": "wedding",
            "category": 4
        },
        {
            "code": "1F3DB",
            "id": "classical_building",
            "label": "classical_building",
            "category": 4
        },
        {
            "code": "26EA",
            "id": "church",
            "label": "church",
            "category": 4
        },
        {
            "code": "1F54C",
            "id": "mosque",
            "label": "mosque",
            "category": 4
        },
        {
            "code": "1F54D",
            "id": "synagogue",
            "label": "synagogue",
            "category": 4
        },
        {
            "code": "1F54B",
            "id": "kaaba",
            "label": "kaaba",
            "category": 4
        },
        {
            "code": "26E9",
            "id": "shinto_shrine",
            "label": "shinto_shrine",
            "category": 4
        },
        {
            "code": "1F5FE",
            "id": "japan",
            "label": "japan",
            "category": 4
        },
        {
            "code": "1F391",
            "id": "rice_scene",
            "label": "rice_scene",
            "category": 4
        },
        {
            "code": "1F3DE",
            "id": "national_park",
            "label": "national_park",
            "category": 4
        },
        {
            "code": "1F305",
            "id": "sunrise",
            "label": "sunrise",
            "category": 4
        },
        {
            "code": "1F304",
            "id": "sunrise_over_mountains",
            "label": "sunrise_over_mountains",
            "category": 4
        },
        {
            "code": "1F320",
            "id": "stars",
            "label": "stars",
            "category": 4
        },
        {
            "code": "1F387",
            "id": "sparkler",
            "label": "sparkler",
            "category": 4
        },
        {
            "code": "1F386",
            "id": "fireworks",
            "label": "fireworks",
            "category": 4
        },
        {
            "code": "1F307",
            "id": "city_sunrise",
            "label": "city_sunrise",
            "category": 4
        },
        {
            "code": "1F306",
            "id": "city_sunset",
            "label": "city_sunset",
            "category": 4
        },
        {
            "code": "1F3D9",
            "id": "cityscape",
            "label": "cityscape",
            "category": 4
        },
        {
            "code": "1F303",
            "id": "night_with_stars",
            "label": "night_with_stars",
            "category": 4
        },
        {
            "code": "1F30C",
            "id": "milky_way",
            "label": "milky_way",
            "category": 4
        },
        {
            "code": "1F309",
            "id": "bridge_at_night",
            "label": "bridge_at_night",
            "category": 4
        },
        {
            "code": "1F301",
            "id": "foggy",
            "label": "foggy",
            "category": 4
        },
        {
            "id": "$category5",
            "label": "Food & Drink",
            "category": 5
        },
        {
            "code": "1F34F",
            "id": "green_apple",
            "label": "green_apple",
            "category": 5
        },
        {
            "code": "1F34E",
            "id": "apple",
            "label": "apple",
            "category": 5
        },
        {
            "code": "1F350",
            "id": "pear",
            "label": "pear",
            "category": 5
        },
        {
            "code": "1F34A",
            "id": "tangerine",
            "label": "tangerine",
            "category": 5
        },
        {
            "code": "1F34B",
            "id": "lemon",
            "label": "lemon",
            "category": 5
        },
        {
            "code": "1F34C",
            "id": "banana",
            "label": "banana",
            "category": 5
        },
        {
            "code": "1F349",
            "id": "watermelon",
            "label": "watermelon",
            "category": 5
        },
        {
            "code": "1F347",
            "id": "grapes",
            "label": "grapes",
            "category": 5
        },
        {
            "code": "1F353",
            "id": "strawberry",
            "label": "strawberry",
            "category": 5
        },
        {
            "code": "1F348",
            "id": "melon",
            "label": "melon",
            "category": 5
        },
        {
            "code": "1F352",
            "id": "cherries",
            "label": "cherries",
            "category": 5
        },
        {
            "code": "1F351",
            "id": "peach",
            "label": "peach",
            "category": 5
        },
        {
            "code": "1F34D",
            "id": "pineapple",
            "label": "pineapple",
            "category": 5
        },
        {
            "code": "1F95D",
            "id": "kiwifruit",
            "label": "kiwifruit",
            "category": 5
        },
        {
            "code": "1F951",
            "id": "avocado",
            "label": "avocado",
            "category": 5
        },
        {
            "code": "1F345",
            "id": "tomato",
            "label": "tomato",
            "category": 5
        },
        {
            "code": "1F346",
            "id": "eggplant",
            "label": "eggplant",
            "category": 5
        },
        {
            "code": "1F952",
            "id": "cucumber",
            "label": "cucumber",
            "category": 5
        },
        {
            "code": "1F955",
            "id": "carrot",
            "label": "carrot",
            "category": 5
        },
        {
            "code": "1F33D",
            "id": "corn",
            "label": "corn",
            "category": 5
        },
        {
            "code": "1F336",
            "id": "hot_pepper",
            "label": "hot_pepper",
            "category": 5
        },
        {
            "code": "1F954",
            "id": "potato",
            "label": "potato",
            "category": 5
        },
        {
            "code": "1F360",
            "id": "sweet_potato",
            "label": "sweet_potato",
            "category": 5
        },
        {
            "code": "1F330",
            "id": "chestnut",
            "label": "chestnut",
            "category": 5
        },
        {
            "code": "1F95C",
            "id": "peanuts",
            "label": "peanuts",
            "category": 5
        },
        {
            "code": "1F36F",
            "id": "honey_pot",
            "label": "honey_pot",
            "category": 5
        },
        {
            "code": "1F950",
            "id": "croissant",
            "label": "croissant",
            "category": 5
        },
        {
            "code": "1F35E",
            "id": "bread",
            "label": "bread",
            "category": 5
        },
        {
            "code": "1F956",
            "id": "baguette_bread",
            "label": "baguette_bread",
            "category": 5
        },
        {
            "code": "1F9C0",
            "id": "cheese_wedge",
            "label": "cheese_wedge",
            "category": 5
        },
        {
            "code": "1F95A",
            "id": "egg",
            "label": "egg",
            "category": 5
        },
        {
            "code": "1F373",
            "id": "fried_egg",
            "label": "fried_egg",
            "category": 5
        },
        {
            "code": "1F953",
            "id": "bacon",
            "label": "bacon",
            "category": 5
        },
        {
            "code": "1F95E",
            "id": "pancakes",
            "label": "pancakes",
            "category": 5
        },
        {
            "code": "1F364",
            "id": "fried_shrimp",
            "label": "fried_shrimp",
            "category": 5
        },
        {
            "code": "1F357",
            "id": "poultry_leg",
            "label": "poultry_leg",
            "category": 5
        },
        {
            "code": "1F356",
            "id": "meat_on_bone",
            "label": "meat_on_bone",
            "category": 5
        },
        {
            "code": "1F355",
            "id": "pizza",
            "label": "pizza",
            "category": 5
        },
        {
            "code": "1F32D",
            "id": "hotdog",
            "label": "hotdog",
            "category": 5
        },
        {
            "code": "1F354",
            "id": "hamburger",
            "label": "hamburger",
            "category": 5
        },
        {
            "code": "1F35F",
            "id": "fries",
            "label": "fries",
            "category": 5
        },
        {
            "code": "1F959",
            "id": "stuffed_flatbread",
            "label": "stuffed_flatbread",
            "category": 5
        },
        {
            "code": "1F32E",
            "id": "taco",
            "label": "taco",
            "category": 5
        },
        {
            "code": "1F32F",
            "id": "burrito",
            "label": "burrito",
            "category": 5
        },
        {
            "code": "1F957",
            "id": "green_salad",
            "label": "green_salad",
            "category": 5
        },
        {
            "code": "1F958",
            "id": "shallow_pan_of_food",
            "label": "shallow_pan_of_food",
            "category": 5
        },
        {
            "code": "1F35D",
            "id": "spaghetti",
            "label": "spaghetti",
            "category": 5
        },
        {
            "code": "1F35C",
            "id": "ramen",
            "label": "ramen",
            "category": 5
        },
        {
            "code": "1F372",
            "id": "stew",
            "label": "stew",
            "category": 5
        },
        {
            "code": "1F365",
            "id": "fish_cake",
            "label": "fish_cake",
            "category": 5
        },
        {
            "code": "1F363",
            "id": "sushi",
            "label": "sushi",
            "category": 5
        },
        {
            "code": "1F371",
            "id": "bento",
            "label": "bento",
            "category": 5
        },
        {
            "code": "1F35B",
            "id": "curry",
            "label": "curry",
            "category": 5
        },
        {
            "code": "1F35A",
            "id": "rice",
            "label": "rice",
            "category": 5
        },
        {
            "code": "1F359",
            "id": "rice_ball",
            "label": "rice_ball",
            "category": 5
        },
        {
            "code": "1F358",
            "id": "rice_cracker",
            "label": "rice_cracker",
            "category": 5
        },
        {
            "code": "1F362",
            "id": "oden",
            "label": "oden",
            "category": 5
        },
        {
            "code": "1F361",
            "id": "dango",
            "label": "dango",
            "category": 5
        },
        {
            "code": "1F367",
            "id": "shaved_ice",
            "label": "shaved_ice",
            "category": 5
        },
        {
            "code": "1F368",
            "id": "ice_cream",
            "label": "ice_cream",
            "category": 5
        },
        {
            "code": "1F366",
            "id": "icecream",
            "label": "icecream",
            "category": 5
        },
        {
            "code": "1F370",
            "id": "cake",
            "label": "cake",
            "category": 5
        },
        {
            "code": "1F382",
            "id": "birthday",
            "label": "birthday",
            "category": 5
        },
        {
            "code": "1F36E",
            "id": "custard",
            "label": "custard",
            "category": 5
        },
        {
            "code": "1F36D",
            "id": "lollipop",
            "label": "lollipop",
            "category": 5
        },
        {
            "code": "1F36C",
            "id": "candy",
            "label": "candy",
            "category": 5
        },
        {
            "code": "1F36B",
            "id": "chocolate_bar",
            "label": "chocolate_bar",
            "category": 5
        },
        {
            "code": "1F37F",
            "id": "popcorn",
            "label": "popcorn",
            "category": 5
        },
        {
            "code": "1F369",
            "id": "doughnut",
            "label": "doughnut",
            "category": 5
        },
        {
            "code": "1F36A",
            "id": "cookie",
            "label": "cookie",
            "category": 5
        },
        {
            "code": "1F95B",
            "id": "glass_of_milk",
            "label": "glass_of_milk",
            "category": 5
        },
        {
            "code": "1F37C",
            "id": "baby_bottle",
            "label": "baby_bottle",
            "category": 5
        },
        {
            "code": "2615",
            "id": "coffee",
            "label": "coffee",
            "category": 5
        },
        {
            "code": "1F375",
            "id": "tea",
            "label": "tea",
            "category": 5
        },
        {
            "code": "1F376",
            "id": "sake",
            "label": "sake",
            "category": 5
        },
        {
            "code": "1F37A",
            "id": "beer",
            "label": "beer",
            "category": 5
        },
        {
            "code": "1F37B",
            "id": "beers",
            "label": "beers",
            "category": 5
        },
        {
            "code": "1F942",
            "id": "clinking_glasses",
            "label": "clinking_glasses",
            "category": 5
        },
        {
            "code": "1F377",
            "id": "wine_glass",
            "label": "wine_glass",
            "category": 5
        },
        {
            "code": "1F943",
            "id": "tumbler_glass",
            "label": "tumbler_glass",
            "category": 5
        },
        {
            "code": "1F378",
            "id": "cocktail",
            "label": "cocktail",
            "category": 5
        },
        {
            "code": "1F379",
            "id": "tropical_drink",
            "label": "tropical_drink",
            "category": 5
        },
        {
            "code": "1F37E",
            "id": "champagne",
            "label": "champagne",
            "category": 5
        },
        {
            "code": "1F944",
            "id": "spoon",
            "label": "spoon",
            "category": 5
        },
        {
            "code": "1F374",
            "id": "fork_and_knife",
            "label": "fork_and_knife",
            "category": 5
        },
        {
            "code": "1F37D",
            "id": "knife_fork_plate",
            "label": "knife_fork_plate",
            "category": 5
        },
        {
            "id": "$category6",
            "label": "Symbols",
            "category": 6
        },
        {
            "code": "231A",
            "id": "watch",
            "label": "watch",
            "category": 6
        },
        {
            "code": "1F4F1",
            "id": "iphone",
            "label": "iphone",
            "category": 6
        },
        {
            "code": "1F4F2",
            "id": "calling",
            "label": "calling",
            "category": 6
        },
        {
            "code": "1F4BB",
            "id": "computer",
            "label": "computer",
            "category": 6
        },
        {
            "code": "2328",
            "id": "keyboard",
            "label": "keyboard",
            "category": 6
        },
        {
            "code": "1F5A5",
            "id": "desktop_computer",
            "label": "desktop_computer",
            "category": 6
        },
        {
            "code": "1F5A8",
            "id": "printer",
            "label": "printer",
            "category": 6
        },
        {
            "code": "1F5B1",
            "id": "three_button_mouse",
            "label": "three_button_mouse",
            "category": 6
        },
        {
            "code": "1F5B2",
            "id": "trackball",
            "label": "trackball",
            "category": 6
        },
        {
            "code": "1F579",
            "id": "joystick",
            "label": "joystick",
            "category": 6
        },
        {
            "code": "1F5DC",
            "id": "compression",
            "label": "compression",
            "category": 6
        },
        {
            "code": "1F4BD",
            "id": "minidisc",
            "label": "minidisc",
            "category": 6
        },
        {
            "code": "1F4BE",
            "id": "floppy_disk",
            "label": "floppy_disk",
            "category": 6
        },
        {
            "code": "1F4BF",
            "id": "cd",
            "label": "cd",
            "category": 6
        },
        {
            "code": "1F4C0",
            "id": "dvd",
            "label": "dvd",
            "category": 6
        },
        {
            "code": "1F4FC",
            "id": "vhs",
            "label": "vhs",
            "category": 6
        },
        {
            "code": "1F4F7",
            "id": "camera",
            "label": "camera",
            "category": 6
        },
        {
            "code": "1F4F8",
            "id": "camera_with_flash",
            "label": "camera_with_flash",
            "category": 6
        },
        {
            "code": "1F4F9",
            "id": "video_camera",
            "label": "video_camera",
            "category": 6
        },
        {
            "code": "1F3A5",
            "id": "movie_camera",
            "label": "movie_camera",
            "category": 6
        },
        {
            "code": "1F4FD",
            "id": "film_projector",
            "label": "film_projector",
            "category": 6
        },
        {
            "code": "1F39E",
            "id": "film_frames",
            "label": "film_frames",
            "category": 6
        },
        {
            "code": "1F4DE",
            "id": "telephone_receiver",
            "label": "telephone_receiver",
            "category": 6
        },
        {
            "code": "260E",
            "id": "phone",
            "label": "phone",
            "category": 6
        },
        {
            "code": "1F4DF",
            "id": "pager",
            "label": "pager",
            "category": 6
        },
        {
            "code": "1F4E0",
            "id": "fax",
            "label": "fax",
            "category": 6
        },
        {
            "code": "1F4FA",
            "id": "tv",
            "label": "tv",
            "category": 6
        },
        {
            "code": "1F4FB",
            "id": "radio",
            "label": "radio",
            "category": 6
        },
        {
            "code": "1F399",
            "id": "studio_microphone",
            "label": "studio_microphone",
            "category": 6
        },
        {
            "code": "1F39A",
            "id": "level_slider",
            "label": "level_slider",
            "category": 6
        },
        {
            "code": "1F39B",
            "id": "control_knobs",
            "label": "control_knobs",
            "category": 6
        },
        {
            "code": "23F1",
            "id": "stopwatch",
            "label": "stopwatch",
            "category": 6
        },
        {
            "code": "23F2",
            "id": "timer_clock",
            "label": "timer_clock",
            "category": 6
        },
        {
            "code": "23F0",
            "id": "alarm_clock",
            "label": "alarm_clock",
            "category": 6
        },
        {
            "code": "1F570",
            "id": "mantelpiece_clock",
            "label": "mantelpiece_clock",
            "category": 6
        },
        {
            "code": "231B",
            "id": "hourglass",
            "label": "hourglass",
            "category": 6
        },
        {
            "code": "23F3",
            "id": "hourglass_flowing_sand",
            "label": "hourglass_flowing_sand",
            "category": 6
        },
        {
            "code": "1F4E1",
            "id": "satellite_antenna",
            "label": "satellite_antenna",
            "category": 6
        },
        {
            "code": "1F50B",
            "id": "battery",
            "label": "battery",
            "category": 6
        },
        {
            "code": "1F50C",
            "id": "electric_plug",
            "label": "electric_plug",
            "category": 6
        },
        {
            "code": "1F4A1",
            "id": "bulb",
            "label": "bulb",
            "category": 6
        },
        {
            "code": "1F526",
            "id": "flashlight",
            "label": "flashlight",
            "category": 6
        },
        {
            "code": "1F56F",
            "id": "candle",
            "label": "candle",
            "category": 6
        },
        {
            "code": "1F5D1",
            "id": "wastebasket",
            "label": "wastebasket",
            "category": 6
        },
        {
            "code": "1F6E2",
            "id": "oil_drum",
            "label": "oil_drum",
            "category": 6
        },
        {
            "code": "1F4B8",
            "id": "money_with_wings",
            "label": "money_with_wings",
            "category": 6
        },
        {
            "code": "1F4B5",
            "id": "dollar",
            "label": "dollar",
            "category": 6
        },
        {
            "code": "1F4B4",
            "id": "yen",
            "label": "yen",
            "category": 6
        },
        {
            "code": "1F4B6",
            "id": "euro",
            "label": "euro",
            "category": 6
        },
        {
            "code": "1F4B7",
            "id": "pound",
            "label": "pound",
            "category": 6
        },
        {
            "code": "1F4B0",
            "id": "moneybag",
            "label": "moneybag",
            "category": 6
        },
        {
            "code": "1F4B3",
            "id": "credit_card",
            "label": "credit_card",
            "category": 6
        },
        {
            "code": "1F48E",
            "id": "gem",
            "label": "gem",
            "category": 6
        },
        {
            "code": "2696",
            "id": "scales",
            "label": "scales",
            "category": 6
        },
        {
            "code": "1F527",
            "id": "wrench",
            "label": "wrench",
            "category": 6
        },
        {
            "code": "1F528",
            "id": "hammer",
            "label": "hammer",
            "category": 6
        },
        {
            "code": "2692",
            "id": "hammer_and_pick",
            "label": "hammer_and_pick",
            "category": 6
        },
        {
            "code": "1F6E0",
            "id": "hammer_and_wrench",
            "label": "hammer_and_wrench",
            "category": 6
        },
        {
            "code": "26CF",
            "id": "pick",
            "label": "pick",
            "category": 6
        },
        {
            "code": "1F529",
            "id": "nut_and_bolt",
            "label": "nut_and_bolt",
            "category": 6
        },
        {
            "code": "2699",
            "id": "gear",
            "label": "gear",
            "category": 6
        },
        {
            "code": "26D3",
            "id": "chains",
            "label": "chains",
            "category": 6
        },
        {
            "code": "1F52B",
            "id": "gun",
            "label": "gun",
            "category": 6
        },
        {
            "code": "1F4A3",
            "id": "bomb",
            "label": "bomb",
            "category": 6
        },
        {
            "code": "1F52A",
            "id": "hocho",
            "label": "hocho",
            "category": 6
        },
        {
            "code": "1F5E1",
            "id": "dagger_knife",
            "label": "dagger_knife",
            "category": 6
        },
        {
            "code": "2694",
            "id": "crossed_swords",
            "label": "crossed_swords",
            "category": 6
        },
        {
            "code": "1F6E1",
            "id": "shield",
            "label": "shield",
            "category": 6
        },
        {
            "code": "1F6AC",
            "id": "smoking",
            "label": "smoking",
            "category": 6
        },
        {
            "code": "26B0",
            "id": "coffin",
            "label": "coffin",
            "category": 6
        },
        {
            "code": "26B1",
            "id": "funeral_urn",
            "label": "funeral_urn",
            "category": 6
        },
        {
            "code": "1F3FA",
            "id": "amphora",
            "label": "amphora",
            "category": 6
        },
        {
            "code": "1F52E",
            "id": "crystal_ball",
            "label": "crystal_ball",
            "category": 6
        },
        {
            "code": "1F4FF",
            "id": "prayer_beads",
            "label": "prayer_beads",
            "category": 6
        },
        {
            "code": "1F488",
            "id": "barber",
            "label": "barber",
            "category": 6
        },
        {
            "code": "2697",
            "id": "alembic",
            "label": "alembic",
            "category": 6
        },
        {
            "code": "1F52D",
            "id": "telescope",
            "label": "telescope",
            "category": 6
        },
        {
            "code": "1F52C",
            "id": "microscope",
            "label": "microscope",
            "category": 6
        },
        {
            "code": "1F573",
            "id": "hole",
            "label": "hole",
            "category": 6
        },
        {
            "code": "1F48A",
            "id": "pill",
            "label": "pill",
            "category": 6
        },
        {
            "code": "1F489",
            "id": "syringe",
            "label": "syringe",
            "category": 6
        },
        {
            "code": "1F321",
            "id": "thermometer",
            "label": "thermometer",
            "category": 6
        },
        {
            "code": "1F6BD",
            "id": "toilet",
            "label": "toilet",
            "category": 6
        },
        {
            "code": "1F6B0",
            "id": "potable_water",
            "label": "potable_water",
            "category": 6
        },
        {
            "code": "1F6BF",
            "id": "shower",
            "label": "shower",
            "category": 6
        },
        {
            "code": "1F6C1",
            "id": "bathtub",
            "label": "bathtub",
            "category": 6
        },
        {
            "code": "1F6C0",
            "id": "bath",
            "label": "bath",
            "category": 6
        },
        {
            "code": "1F6CE",
            "id": "bellhop_bell",
            "label": "bellhop_bell",
            "category": 6
        },
        {
            "code": "1F511",
            "id": "key",
            "label": "key",
            "category": 6
        },
        {
            "code": "1F5DD",
            "id": "old_key",
            "label": "old_key",
            "category": 6
        },
        {
            "code": "1F6AA",
            "id": "door",
            "label": "door",
            "category": 6
        },
        {
            "code": "1F6CB",
            "id": "couch_and_lamp",
            "label": "couch_and_lamp",
            "category": 6
        },
        {
            "code": "1F6CF",
            "id": "bed",
            "label": "bed",
            "category": 6
        },
        {
            "code": "1F6CC",
            "id": "sleeping_accommodation",
            "label": "sleeping_accommodation",
            "category": 6
        },
        {
            "code": "1F5BC",
            "id": "frame_with_picture",
            "label": "frame_with_picture",
            "category": 6
        },
        {
            "code": "1F6CD",
            "id": "shopping_bags",
            "label": "shopping_bags",
            "category": 6
        },
        {
            "code": "1F6D2",
            "id": "shopping_trolley",
            "label": "shopping_trolley",
            "category": 6
        },
        {
            "code": "1F381",
            "id": "gift",
            "label": "gift",
            "category": 6
        },
        {
            "code": "1F388",
            "id": "balloon",
            "label": "balloon",
            "category": 6
        },
        {
            "code": "1F38F",
            "id": "flags",
            "label": "flags",
            "category": 6
        },
        {
            "code": "1F380",
            "id": "ribbon",
            "label": "ribbon",
            "category": 6
        },
        {
            "code": "1F38A",
            "id": "confetti_ball",
            "label": "confetti_ball",
            "category": 6
        },
        {
            "code": "1F389",
            "id": "tada",
            "label": "tada",
            "category": 6
        },
        {
            "code": "1F38E",
            "id": "dolls",
            "label": "dolls",
            "category": 6
        },
        {
            "code": "1F3EE",
            "id": "izakaya_lantern",
            "label": "izakaya_lantern",
            "category": 6
        },
        {
            "code": "1F390",
            "id": "wind_chime",
            "label": "wind_chime",
            "category": 6
        },
        {
            "code": "2709",
            "id": "email",
            "label": "email",
            "category": 6
        },
        {
            "code": "1F4E9",
            "id": "envelope_with_arrow",
            "label": "envelope_with_arrow",
            "category": 6
        },
        {
            "code": "1F4E8",
            "id": "incoming_envelope",
            "label": "incoming_envelope",
            "category": 6
        },
        {
            "code": "1F4E7",
            "id": "e-mail",
            "label": "e-mail",
            "category": 6
        },
        {
            "code": "1F48C",
            "id": "love_letter",
            "label": "love_letter",
            "category": 6
        },
        {
            "code": "1F4E5",
            "id": "inbox_tray",
            "label": "inbox_tray",
            "category": 6
        },
        {
            "code": "1F4E4",
            "id": "outbox_tray",
            "label": "outbox_tray",
            "category": 6
        },
        {
            "code": "1F4E6",
            "id": "package",
            "label": "package",
            "category": 6
        },
        {
            "code": "1F3F7",
            "id": "label",
            "label": "label",
            "category": 6
        },
        {
            "code": "1F4EA",
            "id": "mailbox_closed",
            "label": "mailbox_closed",
            "category": 6
        },
        {
            "code": "1F4EB",
            "id": "mailbox",
            "label": "mailbox",
            "category": 6
        },
        {
            "code": "1F4EC",
            "id": "mailbox_with_mail",
            "label": "mailbox_with_mail",
            "category": 6
        },
        {
            "code": "1F4ED",
            "id": "mailbox_with_no_mail",
            "label": "mailbox_with_no_mail",
            "category": 6
        },
        {
            "code": "1F4EE",
            "id": "postbox",
            "label": "postbox",
            "category": 6
        },
        {
            "code": "1F4EF",
            "id": "postal_horn",
            "label": "postal_horn",
            "category": 6
        },
        {
            "code": "1F4DC",
            "id": "scroll",
            "label": "scroll",
            "category": 6
        },
        {
            "code": "1F4C3",
            "id": "page_with_curl",
            "label": "page_with_curl",
            "category": 6
        },
        {
            "code": "1F4C4",
            "id": "page_facing_up",
            "label": "page_facing_up",
            "category": 6
        },
        {
            "code": "1F4D1",
            "id": "bookmark_tabs",
            "label": "bookmark_tabs",
            "category": 6
        },
        {
            "code": "1F4CA",
            "id": "bar_chart",
            "label": "bar_chart",
            "category": 6
        },
        {
            "code": "1F4C8",
            "id": "chart_with_upwards_trend",
            "label": "chart_with_upwards_trend",
            "category": 6
        },
        {
            "code": "1F4C9",
            "id": "chart_with_downwards_trend",
            "label": "chart_with_downwards_trend",
            "category": 6
        },
        {
            "code": "1F5D2",
            "id": "spiral_note_pad",
            "label": "spiral_note_pad",
            "category": 6
        },
        {
            "code": "1F5D3",
            "id": "spiral_calendar_pad",
            "label": "spiral_calendar_pad",
            "category": 6
        },
        {
            "code": "1F4C6",
            "id": "calendar",
            "label": "calendar",
            "category": 6
        },
        {
            "code": "1F4C5",
            "id": "date",
            "label": "date",
            "category": 6
        },
        {
            "code": "1F4C7",
            "id": "card_index",
            "label": "card_index",
            "category": 6
        },
        {
            "code": "1F5C3",
            "id": "card_file_box",
            "label": "card_file_box",
            "category": 6
        },
        {
            "code": "1F5F3",
            "id": "ballot_box_with_ballot",
            "label": "ballot_box_with_ballot",
            "category": 6
        },
        {
            "code": "1F5C4",
            "id": "file_cabinet",
            "label": "file_cabinet",
            "category": 6
        },
        {
            "code": "1F4CB",
            "id": "clipboard",
            "label": "clipboard",
            "category": 6
        },
        {
            "code": "1F4C1",
            "id": "file_folder",
            "label": "file_folder",
            "category": 6
        },
        {
            "code": "1F4C2",
            "id": "open_file_folder",
            "label": "open_file_folder",
            "category": 6
        },
        {
            "code": "1F5C2",
            "id": "card_index_dividers",
            "label": "card_index_dividers",
            "category": 6
        },
        {
            "code": "1F5DE",
            "id": "rolled_up_newspaper",
            "label": "rolled_up_newspaper",
            "category": 6
        },
        {
            "code": "1F4F0",
            "id": "newspaper",
            "label": "newspaper",
            "category": 6
        },
        {
            "code": "1F4D3",
            "id": "notebook",
            "label": "notebook",
            "category": 6
        },
        {
            "code": "1F4D4",
            "id": "notebook_with_decorative_cover",
            "label": "notebook_with_decorative_cover",
            "category": 6
        },
        {
            "code": "1F4D2",
            "id": "ledger",
            "label": "ledger",
            "category": 6
        },
        {
            "code": "1F4D5",
            "id": "closed_book",
            "label": "closed_book",
            "category": 6
        },
        {
            "code": "1F4D7",
            "id": "green_book",
            "label": "green_book",
            "category": 6
        },
        {
            "code": "1F4D8",
            "id": "blue_book",
            "label": "blue_book",
            "category": 6
        },
        {
            "code": "1F4D9",
            "id": "orange_book",
            "label": "orange_book",
            "category": 6
        },
        {
            "code": "1F4DA",
            "id": "books",
            "label": "books",
            "category": 6
        },
        {
            "code": "1F4D6",
            "id": "book",
            "label": "book",
            "category": 6
        },
        {
            "code": "1F516",
            "id": "bookmark",
            "label": "bookmark",
            "category": 6
        },
        {
            "code": "1F517",
            "id": "link",
            "label": "link",
            "category": 6
        },
        {
            "code": "1F4CE",
            "id": "paperclip",
            "label": "paperclip",
            "category": 6
        },
        {
            "code": "1F587",
            "id": "linked_paperclips",
            "label": "linked_paperclips",
            "category": 6
        },
        {
            "code": "1F4D0",
            "id": "triangular_ruler",
            "label": "triangular_ruler",
            "category": 6
        },
        {
            "code": "1F4CF",
            "id": "straight_ruler",
            "label": "straight_ruler",
            "category": 6
        },
        {
            "code": "1F4CC",
            "id": "pushpin",
            "label": "pushpin",
            "category": 6
        },
        {
            "code": "1F4CD",
            "id": "round_pushpin",
            "label": "round_pushpin",
            "category": 6
        },
        {
            "code": "2702",
            "id": "scissors",
            "label": "scissors",
            "category": 6
        },
        {
            "code": "1F58A",
            "id": "lower_left_ballpoint_pen",
            "label": "lower_left_ballpoint_pen",
            "category": 6
        },
        {
            "code": "1F58B",
            "id": "lower_left_fountain_pen",
            "label": "lower_left_fountain_pen",
            "category": 6
        },
        {
            "code": "2712",
            "id": "black_nib",
            "label": "black_nib",
            "category": 6
        },
        {
            "code": "1F58C",
            "id": "lower_left_paintbrush",
            "label": "lower_left_paintbrush",
            "category": 6
        },
        {
            "code": "1F58D",
            "id": "lower_left_crayon",
            "label": "lower_left_crayon",
            "category": 6
        },
        {
            "code": "1F4DD",
            "id": "memo",
            "label": "memo",
            "category": 6
        },
        {
            "code": "270F",
            "id": "pencil2",
            "label": "pencil2",
            "category": 6
        },
        {
            "code": "1F50D",
            "id": "mag",
            "label": "mag",
            "category": 6
        },
        {
            "code": "1F50E",
            "id": "mag_right",
            "label": "mag_right",
            "category": 6
        },
        {
            "code": "1F50F",
            "id": "lock_with_ink_pen",
            "label": "lock_with_ink_pen",
            "category": 6
        },
        {
            "code": "1F510",
            "id": "closed_lock_with_key",
            "label": "closed_lock_with_key",
            "category": 6
        },
        {
            "code": "1F512",
            "id": "lock",
            "label": "lock",
            "category": 6
        },
        {
            "code": "1F513",
            "id": "unlock",
            "label": "unlock",
            "category": 6
        },
        {
            "id": "$category7",
            "label": "Objects",
            "category": 7
        },
        {
            "code": "2764",
            "id": "heart",
            "label": "heart",
            "category": 7
        },
        {
            "code": "1F49B",
            "id": "yellow_heart",
            "label": "yellow_heart",
            "category": 7
        },
        {
            "code": "1F49A",
            "id": "green_heart",
            "label": "green_heart",
            "category": 7
        },
        {
            "code": "1F499",
            "id": "blue_heart",
            "label": "blue_heart",
            "category": 7
        },
        {
            "code": "1F49C",
            "id": "purple_heart",
            "label": "purple_heart",
            "category": 7
        },
        {
            "code": "1F5A4",
            "id": "black_heart",
            "label": "black_heart",
            "category": 7
        },
        {
            "code": "1F494",
            "id": "broken_heart",
            "label": "broken_heart",
            "category": 7
        },
        {
            "code": "2763",
            "id": "heavy_heart_exclamation_mark_ornament",
            "label": "heavy_heart_exclamation_mark_ornament",
            "category": 7
        },
        {
            "code": "1F495",
            "id": "two_hearts",
            "label": "two_hearts",
            "category": 7
        },
        {
            "code": "1F49E",
            "id": "revolving_hearts",
            "label": "revolving_hearts",
            "category": 7
        },
        {
            "code": "1F493",
            "id": "heartbeat",
            "label": "heartbeat",
            "category": 7
        },
        {
            "code": "1F497",
            "id": "heartpulse",
            "label": "heartpulse",
            "category": 7
        },
        {
            "code": "1F496",
            "id": "sparkling_heart",
            "label": "sparkling_heart",
            "category": 7
        },
        {
            "code": "1F498",
            "id": "cupid",
            "label": "cupid",
            "category": 7
        },
        {
            "code": "1F49D",
            "id": "gift_heart",
            "label": "gift_heart",
            "category": 7
        },
        {
            "code": "1F49F",
            "id": "heart_decoration",
            "label": "heart_decoration",
            "category": 7
        },
        {
            "code": "2665",
            "id": "hearts",
            "label": "hearts",
            "category": 7
        }
    ];
    const value = `
        <h2>Emoji Autocomplete via Triggers</h2>
        <p>This example demonstrates the <b>trigger</b> feature of the Rich Text Editor. Type <b>:</b> followed by any text to activate emoji autocomplete.</p>
        <p>Try it yourself:</p>
        <ul>
            <li>Type <b>:grin</b> to find grinning emojis</li>
            <li>Type <b>:heart</b> to search for heart related emojis</li>
            <li>Type <b>:smile</b> to browse smile options</li>
            <li>Select an emoji from the dropdown and it will be inserted at the cursor position</li>
        </ul>
        <p>Category headers (e.g., <b>Smileys &amp; People</b>, <b>Symbols</b>) are shown as separators and cannot be inserted. Only actual emojis are selectable.</p>
        <hr>
        <p>The trigger is configured via the <code>triggers</code> option. A custom <code>triggerTemplate</code> controls how each item is rendered in the dropdown, and the <code>insert-token</code> intercept prevents category rows from being inserted.</p>
    `;
</script>

Use case

Use it when users pick from a large, searchable set, like emojis, icons, or commands, where a static list would be too long. The trigger's data is a function that receives the typed query and returns the matches, so the list narrows as the user types. Selecting an item runs your action, here inserting the emoji character. To make it yours, give the trigger a data function that filters your set, and an action that inserts the chosen item.

How to do this in your app

  • Filter as the user types: set the trigger's data to a function that takes the query and returns matching items.
  • Insert on pick: give the trigger an action that inserts the choice, here widget.insertValue(...) with the emoji character.
  • Render each item: use triggerTemplate to show the emoji next to its name, and headers in bold.
  • Block invalid picks: widget.api.intercept("insert-token", ...) returns false for items without an emoji, so category headers cannot be inserted.

Good to know

  • data as a function makes it dynamic: returning matches per query is what turns a trigger into a live autocomplete.
  • action decides what happens on select: the demo inserts the emoji, but the action can run any logic.
  • intercept can veto an insertion: returning false from the insert-token handler stops the token from being added.

API reference

Additional resources