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

功能简介：

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

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

使用步骤：

1. 安装脚本后，访问你的ST酒馆网址（http://127.0.0.1:8000/*）。
   
   若脚本没有对你的酒馆网址起效，请编辑脚本，在原本的 match 代码下增加你的酒馆网址并保存，例如
   // @match http://127.0.0.1:8000/
   
2. 在页面左侧##找到控制面板，包含一个开关和一个"显示面板"按钮。
3. 点击"显示面板"按钮打开设置界面。
4. 在设置界面中，选择你需要的显示模式：
   • 原代码和注入效果一起显示
   • 原代码以摘要形式显示
   • 隐藏原代码，只显示注入效果
5. 使用开关来启用或禁用HTML注入功能。
6. 在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>
   <audio class="st-audio" controls>
   <source src="你的音频文件地址" type="audio/类型">
   </audio>
   (st-audio可以添加controls显示控制栏，loop循环播放，autoplay自动播放。同一时间只会播放一个音频)
   
   点击查看 st-audio 的详细用法讲解
   【属性说明】
   - class="st-audio" - 用于标识这个音频元素，使其受到我们刚才编写的音频管理系统控制
   - loop - 使音频循环播放
   - controls - 显示音频控制面板（播放/暂停/进度条等）
   - autoplay - 尝试自动播放（注意：现代浏览器可能会阻止自动播放）
   【type属性的作用】
   - 告诉浏览器音频文件的格式，帮助浏览器更快地确定是否支持该格式
   - 不同格式对应不同的type值：
   - .mp3 → type = "audio/mpeg"
   - .wav → type = "audio/wav"
   - .ogg → type = "audio/ogg"
   - .m4a → type = "audio/mp4"
   【示例代码】
   ```
   <audio class="st-audio" loop controls autoplay>
   <source src="https://tuchuang-93f.pages.dev/img/zeus_bgm3.wav" type="audio/wav">
   </audio>
   ```
   
   ```
   

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

注意事项：

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

安全提示：

免责声明：

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