☰

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

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

当前为 2024-11-01 提交的版本，查看 最新版本。

作者
miaotouy
评分
0 0 0
版本
1.1.6
创建于
2024-10-13
更新于
2024-11-01
大小
41.8 KB
许可证
CC BY-NC 4.0
适用于

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

  • 支持亮/暗色主题查询，让界面的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. 启用注入功能后，代码将根据选择的显示模式被注入并显示。

    注意事项：

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

    安全提示：

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

    免责声明：

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

    QingJ © 2025

    镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址