在 阡濯 大佬的脚本基础上做了些样式适配

• 支持亮/暗色主题查询，让界面的css可以自动切换主题。
• 预置了一些主题样式，好看一点的滚动条。

原脚本地址

我的系统卡发布地址

进不去点这里

2024年11月2日 更新日志

代码结构优化:

将功能分解为更小的函数,提高可读性和维护性

采用模块化设计,将相关功能组织在一起

UI改进:

边缘控制面板改进,添加了可拖拽功能

设置面板样式优化,更好地适应SillyTavern的主题

---

原介绍：

【SillyTavern / ST酒馆】html代码注入器 使用说明

功能简介：

此脚本允许用户将HTML代码注入到ST酒馆网页中的特定元素内，并提供多种显示模式。

→Discord教程帖指路← 有详细说明与gal界面等模版

使用步骤：

1. 安装脚本后，访问你的ST酒馆网址（http://127.0.0.1:8000/*）。
2. 若脚本没有对你的酒馆网址起效，请编辑脚本，在原本的 match 代码下增加你的酒馆网址并保存，例如
   // @match http://127.0.0.1:8000/
3. 在页面左侧##找到控制面板，包含一个开关和一个"显示面板"按钮。
4. 点击"显示面板"按钮打开设置界面。
5. 在设置界面中，选择你需要的显示模式：
   • 原代码和注入效果一起显示
   • 原代码以摘要形式显示
   • 隐藏原代码，只显示注入效果
6. 使用开关来启用或禁用HTML注入功能。
7. 在ST酒馆中输入要注入的HTML代码，使用```包裹，例如：

```
<h1>Hello, World!</h1>
<p>This is an example.</p>
```

以下是对应ST酒馆功能的特殊类名及简单的使用方法：

```
<button class="qr-button">(你的QR按钮名字)</button>
<textarea class="st-text">(对应酒馆的输入文本框，输入内容会同步到酒馆的文本框里)</textarea>
<button class="st-send-button">(对应酒馆的发送按钮)</button>
```

【注意】通过JavaScript动态插入st-text框的内容同步到st酒馆的输入框需要处理时间，如果需要同步，请添加一个小延迟来确保文本有时间进行同步.

1. 启用注入功能后，代码将根据选择的显示模式被注入并显示。

注意事项：

• 设置会被保存，下次访问时会自动应用。
• 开关默认是关闭状态，需要手动开启注入功能。

安全提示：

• 只注入您信任的代码。不安全的代码可能会对您的系统造成潜在风险。
• 避免注入包含敏感信息（如密码、个人信息）的代码。
• 注意代码的来源，不要复制和执行来历不明的代码。
• 定期检查注入的代码，确保它们没有被恶意修改。
• 如果不确定某段代码的安全性，请在使用前咨询技术专家。
• 在处理重要或敏感任务时，建议暂时禁用此脚本。

免责声明：

使用此脚本注入的任何代码造成的后果由用户自行承担。脚本作者不对因使用此脚本而导致的任何损失或损害负责。