【油猴脚本】自定义颜文字选择器高效站街小助手

折木 · 发表于 2024-10-12 17:59:57

本帖最后由折木于 2024-10-12 22:27 编辑

功能演示

写这个脚本的动机是论坛的自带表情太少了且不支持传统emjio，用电脑输入颜文字也比较花时间，所以我干脆写了个脚本把常用的颜文字整合在一起方便回帖时选择。

脚本介绍

使用方法

安装完脚本后按下CTRL+Q即可唤起选择框，再次按下即可关闭选择框
可以自行在下面代码中添加或修改自己常用的颜文字

const emojis = [ '(´▽`ʃ❤ƪ)','ヾ ˙Ⱉ˙ฅ', '(╬•̀皿•́)', 'ᕙ(`▽´)ᕗ', ' ⚆_⚆？',
'ど⁰꒨⁰う♡', '(≧▽≦)', 'ƪ(˘⌣˘)ʃ', 'o(*////▽////*)q', '(￣ε￣)',
'(＾ω＾)', '(￣︶￣)', '(ˉ﹃ˉ)','⌓‿⌓', '(´• ω •)', '˳⚆ɞ⚆˳',
'_(:з)∠)_', '⊙﹏⊙∥', '┗|｀O′|┛ 嗷~~', '૮₍❀ᴗ͈ . ᴗ͈ ₎ა','（〃｀ 3′〃）',
'(*/ω＼*)','≧ ﹏ ≦','ಠ_ಠ','ψ(｀∇´)ψ'];

复制代码

使用范围

当前脚本仅支持正常回帖以及楼中楼回复

注意事项

若快捷键冲突可自行修改脚本中所使用的快捷键

if (event.ctrlKey && event.key === 'q')

代码
@Name ；@Match ；@icon ；

// ==UserScript==
// @name Emoji Selector
// @namespace http://tampermonkey.net/
// @version 2024-10-09
// @description Select emojis with Ctrl+Q
// @author 折木
// @match https://www.gamemale.com/thread*
// @match https://www.gamemale.com/forum.php?*
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA2BJREFUWEfFl1nITVEUx39f4cmUIUMpJBkiM5klQ8pUpi8SIfNQEk94MYUHY+YXHiTKnDGkZJ5lSF5kTkg8SLH/Wlv7nu+ce+7t3tu363S75+zhv9b6r/9au4xKHmWVfD75AqgN9Ae6Ag2AhmbAe+ADcMt9vwx8zdWwXAEMBBYAQ4HbwHngrT06q7E9g4AuwBlgM3AxDUguAHYD0521O4CNwMuUTVsAi4FZwB5gIfAzaU0agNPOij7AEgOQZlD4XQDWA8+B0cDruMXZAPwxVw/O59SYuecAH5o70e9JAB4Aj5y7JxV4uF9+ABCP2riQfAn3jAOwExgD1C3S4X6bz8BRF4pp2QB0NpYPAeS6Yg554AIwEjjuN456QNb/AuYX8+Rgrw0uRXs4IL3jAFR1qSNB6WnMLQWG5sAz48NVHRB6QG5f7pjfK+XkOkB7U7xwqhRSKpg2DjuOPXaTVkYBKGd/+A8Ju0w0hTsBTInMuWTA5OY1WVAI6CpvaOiBs8ARJ6m7ALlKaibxuG6WaaEOkc7PBg4GhzQCZlr2tAWGO0k+aXVDpKsGaH+RryUggZNiZoRA8ZfkauEhYKwdIDmdAWwD5kTWKI6/gQEBGAmYjBCgZYE3JEKqEzWshug3A8BHYKqrdKfMUlmssR2Ya6BE0NbOO99to6c2J/ruGjDOwrnC5oQA3gHVowDkXinWXlsgL2jIildmvbzg50hQvFJG3+nbPqApIAAq34tMBxQChaNZFIA2f+PitTqBQPUBka978F2urulSa0LwTtwoz0JCFTdV1W5RAIq5BKhvSh6NcGTqZJ7wpbkDMAq4G6pcwj6bgCoW1gwO1HMvPzl2tyqhEDVxpVmFbrKRvUJLdgwQsRT3Uoy1Fh4J2bdoCPTfFwzp9Y0iIxB3pCnKKGXWvxFXjtWCKV87FhnAPacNSr9h4b5xAGo5Qt23FmxdkUAsBeR+FTwJ1/+R1BG1Ax5aVmwtEMQ819xscdwab2KWsV22nlDt0xNAqqY8j20qs4AT46UJUk9fGypMT+uKBWK/FZB8OmPfEb+wwnUzCWgaAK1TJdOlRP29CpZaNX8xEak0VA11OVH3qy5aNyYJji4n6rASRy4A/GJ/LetnMqqrmR4NXcv0yNIr+VzP8gFQIBfjl1c6gL/k+qch3DQ/RwAAAABJRU5ErkJggg==
// @grant none
// ==/UserScript==
(function() {
'use strict';
const emojis = [ '(´▽`ʃ❤ƪ)','ヾ ˙Ⱉ˙ฅ', '(╬•̀皿•́)', 'ᕙ(`▽´)ᕗ', ' ⚆_⚆？',
'ど⁰꒨⁰う♡', '(≧▽≦)', 'ƪ(˘⌣˘)ʃ', 'o(*////▽////*)q', '(￣ε￣)',
'(＾ω＾)', '(￣︶￣)', '(ˉ﹃ˉ)','⌓‿⌓', '(´• ω •)', '˳⚆ɞ⚆˳',
'_(:з)∠)_', '⊙﹏⊙∥', '┗|｀O′|┛ 嗷~~', '૮₍❀ᴗ͈ . ᴗ͈ ₎ა','（〃｀ 3′〃）',
'(*/ω＼*)','≧ ﹏ ≦','ಠ_ಠ','ψ(｀∇´)ψ']; // Add more emojis as needed
let isSelectorOpen = false;
function insertEmoji(emoji) {
const textareas = document.querySelectorAll('textarea');
textareas.forEach(textarea => {
const startPos = textarea.selectionStart;
const endPos = textarea.selectionEnd;
const text = textarea.value;
const newText = text.substring(0, startPos) + emoji + text.substring(endPos, text.length);
textarea.value = newText;
});
}
function createEmojiSelector() {
const selector = document.createElement('div');
selector.id = 'emojiSelector'; // Unique ID for the selector element
selector.style.position = 'fixed';
selector.style.top = '65%';
selector.style.left = '60%';
selector.style.transform = 'translate(-50%, -50%)';
selector.style.backgroundColor = 'rgba(255, 255, 255, 0.4)';
selector.style.backdropFilter = 'blur(10px) opacity(0.9)';
selector.style.padding = '20px';
selector.style.border = '1px solid #ccc';
selector.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
selector.style.borderRadius = '10px';
selector.style.zIndex = '9999';
emojis.forEach(emoji => {
const button = document.createElement('button');
button.textContent = emoji;
button.style.fontSize = '20px';
button.style.margin = '5px';
button.style.background = 'transparent';
button.style.color = '#90cf5b';
button.style.border = '2px solid #027efb';
button.style.borderRadius = '0';
button.style.boxShadow = '2px 2px 5px rgba(0,0,0,0.2)';
button.addEventListener('click', () => {
insertEmoji(emoji);
});
selector.appendChild(button);
});
document.body.appendChild(selector);
}
document.addEventListener('keydown', (event) => {
if (event.ctrlKey && event.key === 'q') {
if (!isSelectorOpen) {
createEmojiSelector();
isSelectorOpen = true;
} else {
const selector = document.getElementById('emojiSelector');
if (selector) {
selector.remove();
isSelectorOpen = false;
}
}
}
});
})();