☰

【SillyTavern / ST酒馆】html代码注入器

可以让ST酒馆独立运行html代码 (Inject HTML code into SillyTavern pages.)

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey 或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

作者
Qianzhuo
今日安裝
0
安裝總數
1,197
評價
1 0 0
版本
1.1.2
建立日期
2024-08-10
更新日期
2024-10-25
尺寸
30.2 KB
授權條款
CC BY-NC 4.0
腳本執行於

【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. 启用注入功能后，代码将根据选择的显示模式被注入并显示。

注意事项：

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

安全提示：

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

免责声明：

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