Flex Block Builder：一站式AI内容创作解决方案

AI文章编写插件-Flex Block Builder 说明

我有一个好看的视频播放器代码，每次使用都需要复制粘贴它，感觉好烦，于是就搞了这个古腾堡区块工具插件。此插件将是一个长期的，之后遇到好用的就加进去，例如这个视频播放器。相当于打地基了，插件结构化，目录结构清晰，注释清晰。

当前核心功能

视频播放器 – 支持自定义视频播放器，带有丰富的样式设置，2025-3-4日上午更新
AI文章编写 – 使用DeepSeek大模型生成文章内容，支持流式输出，2025-3-4日下午更新
AI绘画生成 – 使用Cloudflare AI服务生成图像，支持设置为特色图像（模型很拉跨，不过免费的，用来生成特色图挺好的-点击添加到媒体库时自动描述、描述即为提示词，可设置好说明文字一键添加）2025-3-5日上午更新
AI翻译工具 – 集成在编辑器工具栏（悬浮格式栏），一键翻译替换选中的文字，支持多语言翻译（调用的DeepSeek）2025-3-5日下午更新
AI文章修改工具-集成在编辑器工具栏（悬浮格式栏），选中需要AI修改的文字后，选中修改类型或自定义提示词，一键替换为修改后的。（调用的DeepSeek）2025-3-6日上午更新
AI文章标签生成工具，可以获取文章内容进行AI分析并生成文章标签，生成后可以一键应用或选则生成的标签一键应用。2025-3-6日下午更新
AI文章seo生成器，自动生成利于当前文章的seo标题、副标题、关键词和描述。其中标题可以一键应用到文章，副标题、关键词和描述采用手动复制的方案。2025-3-7日上午更新
优化了插件兼容性和自定义csf界面样式，不在完全依赖zb中的csf，当使用的不是zb时会回退到插件中的csf。非zb时使用自定义csf样式。风格为我的世界游戏风。🙈几乎任何wp都能使用这个插件。2025-3-7日下午更新
待后续添加，不知道添加什么功能了。

效果预览

AI文章-SEO生成器：

AI文章标签生成器效果：

AI文章修改器效果：

AI编辑器效果：

AI绘画编辑器效果

AI翻译效果

📝 项目进度

版本 1.4.0 (已发布)

✅ 重要更新

框架独立性：
- 插件现在包含自己的自定义我的世界风格CSF，不再依赖于 Zb
- 可以在任何 WP 中使用此插件，不再受限于Zb
- 添加了自动检测机制，优先使用插件内置的框架，提高兼容性
- 保留了向后兼容性，仍然支持使用 Zb 中的框架
- 智能切换功能：在 Zb 下自动使用自带框架，非 Zb 下使用插件内置框架。

✅ 优化

安装体验：改进了插件激活流程，添加了依赖检查和错误提示
用户通知：添加了更新通知，提醒用户插件已更新并不再依赖特定主题
首次启动体验：添加了详细的首次启动欢迎信息，清晰说明插件功能和兼容性
界面美化：
- 优化了设置界面的样式，提供更一致的视觉体验
- 添加了渐变色彩设计，从清新柔和的渐变绿自然过渡至深邃的渐变蓝
- 为界面元素添加了精致的阴影和过渡效果，增强立体感
- 为我的世界头像 logo 添加了眼神变化的动效，增加趣味性
- 优化了菜单和标题栏的交互体验，添加了悬停动画
- 实现了我的世界风格的控件样式：
  - 输入框：添加像素风格边框和阴影，聚焦时有钻石光效
  - 选择框：木质纹理背景，悬停时有金色光效
  - 复选框：石头纹理背景，选中时有红石光效
  - 单选框：石头纹理背景，选中时有钻石光效
  - 开关按钮：草方块和石头纹理过渡，带有像素风格动画
  - 滑块控件：金色滑块把手，带有刻度标记和数值显示
  - 分组标题：木质纹理标题栏，带有像素风格边框
  - 错误提示：红石风格提示，带有脉冲动画效果
- 优化了移动端适配：
  - 调整了控件尺寸和间距
  - 优化了触摸交互体验
  - 改进了响应式布局
主题适配：根据当前主题智能调整界面样式，在 Zb 下保持原有风格
代码结构：优化了框架加载逻辑，提高了代码的可维护性

版本 1.3.5 (已发布)

✅ 最新更新

AI标签生成器优化：
- 优化标签检查逻辑，只有当标签已经应用到当前文章时才跳过
- 避免重复检查已存在但未应用到当前文章的标签
- 改进用户界面提示，更准确地显示已应用标签的状态
- 提高标签应用的准确性和效率

版本 1.3.4 (已发布)

✅ 最新更新

AI标签生成器修复：
- 修复无法获取文章中列表格式内容的问题
- 增强内容获取能力，支持更多区块类型的内容提取
- 添加调试信息，便于排查内容获取问题
- 优化列表内容的处理逻辑，支持嵌套列表

版本 1.3.3 (已发布)

✅ 最新更新

AI标签生成器优化：
- 优化标签应用逻辑，改为一个一个应用标签，跳过已存在的标签
- 显著提高大量标签场景下的性能
- 添加详细的应用结果显示，包括成功应用、已跳过和错误信息的标签
- 提供更清晰的用户反馈，避免重复应用已有标签

版本 1.3.2 (已发布)

✅ 最新更新

优化了AI标签生成器区块的设置界面：
- 移除了后台设置中的默认标签数量设置
- 移除了后台设置中的最大令牌数设置
- 移除了后台设置中的创造性(温度)设置
- 将这些设置项移至编辑器中，方便实时调整
- 保留了标签风格和英文标签大小写等全局设置
改进了设置界面的组织结构，使其更加简洁明了
优化了用户体验，减少了不必要的配置项

版本 1.3.1 (已发布)

✅ 最新更新

优化了AI翻译工具和AI文章修改工具的面板位置显示：
- 面板现在会准确显示在选中文本的位置
- 修复了面板在滚动和交互时的抽搐问题
- 添加了选区位置缓存机制，提升了面板定位的稳定性
- 优化了滚动时的位置更新逻辑
调整了AI翻译工具面板的宽度：
- 桌面端最小宽度从320px增加到400px
- 桌面端最大宽度从400px增加到600px
- 移动端最小宽度从280px增加到320px
- 移动端最大宽度从320px增加到400px
- 优化了内容区域的自适应布局
修复了插件初始化和输出控制相关问题：
- 优化了插件的输出缓冲控制机制
- 修复了插件激活时的”3个字符的异常输出”问题
- 改进了与WP核心系统的兼容性
- 提升了插件的整体稳定性

版本 1.3.0 (已发布)

✅ 最新更新

创建了全新的工具目录结构，区别于传统区块结构
添加了AI翻译工具，集成在古腾堡编辑器的格式工具栏中
添加了AI文章修改工具，支持多种编辑模式（改进、缩短、扩展、专业化、简化、学术风格、创意风格）
实现了选中文本后的智能修改功能，一键优化内容质量
添加了修改结果预览功能，用户可以先查看再决定是否应用
实现了与DeepSeek API的集成，提供高质量翻译服务
设计了直观的翻译工具界面，包括语言选择和操作按钮
实现了两步式翻译流程，提升用户体验
优化了弹出窗口的位置和样式
改进了移动设备上的响应式布局
新增AI绘画生成器区块：
- 集成Cloudflare AI的SDXL模型，支持高质量图像生成
- 实现图像预览功能，生成后不自动保存到媒体库
- 添加多种图像尺寸选项（512×512, 768×768, 1024×1024, 1200×628）
- 提供丰富的提示词模板，帮助用户快速生成所需图像
- 支持图像说明和标题设置，保存时自动应用
- 可一键设置为特色图像或区块图像
- 优化了图像生成和保存流程，提供更好的用户体验
- 添加了生成状态指示和错误提示功能
- 实现了响应式布局，适配不同屏幕尺寸
优化了后台设置界面：
- 更新了区块管理菜单的图标，使其更直观
- 完善了AI绘画生成器的使用说明，更新了SDXL模型特点
- 优化了设置项的组织结构，提高了可用性
- 更新了欢迎页面的可用区块列表，添加了AI翻译工具说明
修复了插件初始化过程中的问题，提高了与主题的兼容性
优化了插件加载顺序，确保所有功能正常工作
修复了AI绘画生成器中图像自动保存到媒体库的问题
修复了翻译工具在某些主题下的样式冲突问题
修复了工具栏按钮在移动设备上的显示问题

版本 1.2.5 (已发布)

✅ 更新内容

简化了AI文章编写区块，固定使用DeepSeek Chat模型
移除了多余的样式设置，采用默认样式
优化了设置界面结构，提高了配置的直观性
提升了整体性能和加载速度
视频播放器区块新增功能：
- 添加了循环播放功能
- 增加了边框宽度设置
- 优化了阴影效果设置
修复了视频播放器区块的问题：
- 修复了启用/禁用功能失效问题
- 移除了多余的黑色背景
- 优化了样式渲染效果

版本 1.2.4

✅ 更新内容

全面优化了系统提示词，确保生成内容适配WP的各种区块工具
简化了提示词模板选择界面，提供更清晰的用户体验
优化了清理功能，添加了智能操作和确认提示
改进了按钮的上下文相关性，增强用户体验

版本 1.2.0

✅ 更新内容

增强了AI文章编写区块功能
- 添加了多种DeepSeek模型选择支持（DeepSeek Chat、DeepSeek V2.5、DeepSeek Coder、DeepSeek Reasoner）
- 优化了内容生成流程，支持直接将生成内容插入到编辑器中
- 智能识别并转换内容格式（标题、列表、代码块、引用、段落）
- 改进了错误处理和调试信息

版本 1.1.0

✅ 更新内容

添加了AI文章编写区块
- 基于DeepSeek大模型的文章生成功能
- 支持流式输出，实时显示生成内容
- 可自定义API设置和样式
- 提供完整的后台配置界面

版本 1.0.1

✅ 更新内容

优化了视频播放器区块的编辑界面
- 简化了边框颜色选择器，使用标准的WP颜色选择器
- 改善了用户交互体验
- 保持了与WP编辑器的设计风格一致性

版本 1.0.0

✅ 已完成功能

插件基础框架
- 建立了可扩展的插件目录结构
- 实现了与 CSF 的集成
- 添加了区块类别注册功能
- 实现了多语言支持
后台设置界面
- 创建了基于 CSF的设置页面
- 实现了分层的设置结构：
  - 欢迎页面：展示插件信息和可用区块列表
  - 区块管理：管理各个区块的具体设置
  - 全局设置：控制插件的全局行为
  - 备份还原：支持设置的导入导出
视频播放器区块
- 完成了第一个示例区块的实现
- 支持以下功能：
  - 自定义视频URL
  - 播放控制（自动播放、控制栏、下载限制）
  - 样式设置（宽度、高度、边框颜色、圆角）
- 实现了前后端分离的渲染机制

Flex Block Builder未来计划：

功能	描述
添加更多类型的区块	扩展区块库，提供更多样化的内容构建选项。
实现区块预设样式系统	引入预设样式系统，方便用户快速应用统一的风格。
添加区块模板功能	支持区块模板，简化重复性内容的创建流程。
优化性能和加载速度	提升插件性能，确保更快的加载速度和流畅的用户体验。
支持更多 AI 模型和生成选项	集成更多 AI 模型，提供更丰富的智能生成功能。