给聊天页的三样「贴」

长按哪里，就贴在哪里

按在空白处，贴到聊天背景上；按在气泡上，贴到那条消息上；按在图片上，贴到那张图上。再加上一个抽屉两个 tab：你自己的表情包和颜文字。零依赖，一个脚本接上就能用。

Long-press where you want it to stick — the background, a bubble, or a picture. Plus one drawer with two tabs: your own stickers and kaomoji. Zero dependencies.

三步接入

1. 引进来

   <link rel="stylesheet" href="dist/chat-stickers.css">
   <script src="dist/chat-stickers.js"></script>

2. 消息列表每行带 data-id，气泡是 .bubble；输入框旁放一颗按钮

   <div id="messages">
     <div class="row" data-id="m1"><div class="bubble">…</div></div>
   </div>

3. 初始化，接上参考后端（server/）

   ChatStickers.init({
     container: "#messages",
     me: { id: "a", name: "A", emoji: "🐰" }, others: [{ id: "b", name: "B", emoji: "🦊" }],
     api: "/chat-stickers",
     panel: { button: "#drawerBtn", input: "#input", send: (t) => sendMessage(t) },
   });

长按三分法

还有