炫彩文字（colorfont）

一款纯绿色无添加的发帖辅助小工具，为用户在发帖时提供生成炫彩文字、彩虹渐变字体的功能，支持一键插入正文或一键复制。

功能特性

• 彩虹渐变文字：输入文字，选择配色，实时预览彩色渐变效果
• 多种内置预设：彩虹、日落、海洋、森林、糖果、极光、火焰、紫罗兰、蜜桃、薄荷等 10 套预设配色
• 自定义配色：支持添加 / 删除 / 调整颜色，自由组合 2~8 种颜色
• 一键插入 / 一键复制：插入正文直接发布，或复制后粘贴到编辑器
• 权限控制：后台可限制可使用的会员等级与版块（版块 ID）
• 自定义预设：后台可通过 JSON 追加自定义预设配色
• 手机版适配：弹窗与按钮在移动端自适应
• 零侵入：通过 compose_assets 插槽注入资源，不修改任何宿主文件；不建表、不储存数据

工作原理

由于系统正文净化仅放行 color / background-color 等少量内联样式，渐变所需的 background:linear-gradient、background-clip:text、-webkit-text-fill-color:transparent 无法直接存入正文。

本插件采用 class 标记 + 展示还原 的方案：

1. 插入正文时写入标记 span：

  ```html

  <span class="uc-cf-ff0000-00ff00-0000ff" style="color:#ff0000">炫彩文字</span>

  ```

  class 与 style="color:..." 均在白名单内，可正常通过净化（首色作为降级显示）。

1. 前台展示时，插件通过 filterHtml 钩子把标记还原为完整渐变样式：

  ```html

  <span class="uc-cf-text" style="background:linear-gradient(90deg,#ff0000,#00ff00,#0000ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#ff0000">炫彩文字</span>

  ```

使用说明

1. 后台安装并启用「炫彩文字」插件
2. （可选）在插件配置中勾选允许使用的会员等级、填写允许的版块 ID
3. 前台发帖页，编辑器下方点击「炫彩文字」按钮
4. 输入文字 → 选择预设或自定义颜色 → 实时预览
5. 点击「插入正文」或「一键复制」

后台配置

注意事项

• 本插件作用于发帖正文（富文本编辑器）；系统回评为纯文本，不支持渐变彩色文字
• 自定义颜色需为 6 位十六进制色值（如 #ff0000）
• 渐变方向固定为从左到右（90deg）

作者

kuakeba.cn