☰

🤤Claude - Prompt便签

一个帮助用户在Claude原生网页添加可移动且大小可调的便签，用于快速选择和添加prompt的脚本。

作者
futureo0
日安装量
0
总安装量
7
评分
0 0 0
版本
1.2
创建于
2024-11-24
更新于
2024-11-24
大小
10.4 KB
许可证
MIT
适用于

Claude Prompt便签插件

核心功能亮点

1. 智能光标追踪

插件能精确识别当前激活的输入区域和光标位置：

  • 优先识别当前获得焦点的输入框
  • 通过 Selection API 追踪用户实际选区
  • 同时支持 textarea 和 contenteditable div
  • 完美处理无焦点情况下的定位
// 核心实现逻辑
const activeElement = document.activeElement;
const sel = window.getSelection();
if (sel.rangeCount > 0) {
    const range = sel.getRangeAt(0);
    for (const input of allInputs) {
        if (input.contains(range.commonAncestorContainer)) {
            return input;
        }
    }
}

2. 精确的文本插入

根据不同输入框类型，采用不同策略实现精确插入：

  • textarea: 使用 selectionStart/selectionEnd 定位
  • ProseMirror: 使用 Range API 实现精确插入
  • 自动处理选中文本的替换
  • 保持插入后的光标位置

基础功能

  • 可移动、可调整大小的便签窗口
  • 本地保存 prompt
  • 一键插入已保存内容

使用方法

  1. 添加: 输入文本，回车或点击保存
  2. 使用: 点击已保存内容即可在光标处插入
  3. 删除: 点击左侧 × 按钮
  4. 窗口: 顶部拖动移动，右下角调整大小

安装

  1. 安装 Tampermonkey
  2. 新建脚本，粘贴代码
  3. 保存启用

注意

  • 仅支持 claude.ai
  • 需要 Tampermonkey

贡献与反馈

如发现任何问题或有改进建议，请联系作者：

  • 原作者：futureo0

许可说明

该脚本仅供学习和个人使用，请勿用于商业用途。