Emoji Picker

WHAT IT DOES

Emoji Picker is a fast and intuitive tool that brings a complete emoji keyboard to any website. It provides a searchable palette of over 200 emojis organized by category: Smileys & Emotion, People & Body, Objects & Symbols, and Flags. You can browse through the categories, search for emojis by name or keyword, and insert them directly into any text input, textarea, or contenteditable element on the current page. The picker remembers your recently used emojis and displays them at the top for quick access. Simply click any emoji to insert it at the cursor position or replace the current selection in the active input field.

WHERE IT RUNS

This script works on any website — every HTTP and HTTPS page. It runs inside the BotGentz extension panel overlay, independent of the page's own scripts. It does not require the page to reload or modify its content in any way. It works with standard input fields, textareas, and modern contenteditable editors like those found in messaging apps, social media platforms, and CMS systems.

HOW TO USE

Install the script through the BotGentz extension marketplace. Once installed, open the BotGentz panel on any webpage and select Emoji Picker from the list of installed scripts. The panel will open with the recently used emojis displayed at the top. Below that, you can browse all emojis organized by category. To find a specific emoji, start typing in the search box — the picker will instantly filter and show matching emojis by name. For example, typing "heart" shows all heart-related emojis. To insert an emoji, simply click on it. The emoji will be inserted at the cursor position in the currently focused input field. If you have text selected, clicking an emoji will replace that selection with the emoji. The inserted emoji is then added to your recently used list for even faster access next time.

ONE TECHNICAL SECTION — The actual mechanism

Emoji Picker works by directly interacting with the DOM's input and contenteditable APIs. When you click an emoji, the script first determines whether the active element is a standard input, textarea, or a contenteditable element. For standard inputs, it uses the selectionStart and selectionEnd properties to precisely insert the emoji at the cursor position, preserving any surrounding text. It then dispatches both "input" and "change" events to ensure that React, Vue, and other modern frameworks detect the value change and update their state correctly. For contenteditable elements, it uses the Selection API to insert the emoji as a text node at the current cursor position, then dispatches the necessary events. This dual-approach mechanism works on virtually any input field across the web, from basic HTML forms to complex single-page applications.

THE PANEL

The script runs inside the BotGentz extension panel, which is fully draggable and resizable. You can click and drag the panel header to reposition it anywhere on the screen. The panel snaps to the edges of the browser window for easy positioning. Click the collapse button (chevron) to minimize the panel to a small icon, or press the Escape key to close the panel entirely. The panel remembers its position and size between uses on a per-site basis. When the panel is closed, you can reopen it from the BotGentz toolbar icon.

PLEASE NOTE

This script requires the free BotGentz extension to run. It does not work as a standalone userscript without the extension. Websites change frequently — a script that works perfectly today may need updating if a site changes its contenteditable implementation or input handling. The script reads only the currently focused input element and does not access other tabs, bookmarks, history, or downloads. All emoji data and recently used lists are stored locally in your browser using GM_setValue and are never transmitted anywhere. The script respects input privacy and will never read or write password, hidden, or file inputs — it actively skips them. If no input field is focused or found when you click an emoji, the script will show a notification to focus an input field first.