橙子Html拆分器:把多页 HTML 课件拆成单页文件

前言

拿到一份多页 HTML 课件,通常是编辑器导出的整包文件:顶部一排工具栏、右侧一条编辑条、偶尔还夹着品牌页或广告位。这种文件没法直接用于参赛课件的二次加工,因为后续要往里加交互,得先把壳子去掉、把页拆开。

下面介绍的这个 Skill 就是做这件事的。

这是什么

橙子Html拆分器(坐标 @user_dcdbf3e6/chengzi-html-splitter)由橙子老师制作,发布在 SkillHub 的 content-creation 分类下,来源标记为 community,页面版本 1.0.0。

它解决的问题是:把多页 HTML 课件逐页拆成独立的单页 HTML 文件,同时去掉编辑器外壳和品牌成分,让普通静态课件、互动课件都能转成干净的单页文件,方便后面接入超本云 AI 交互课件工具做进一步加工。

核心功能

资料中可核实的能力如下:

1、多页拆分:把一份多页 HTML 课件按页拆成多个独立 HTML 文件。
2、去掉编辑器外壳:移除顶部工具栏、右侧编辑条这类编辑器自带的 UI。
3、去掉品牌页 / 广告成分:清理课件里的品牌页和广告部分。
4、支持 Bento 课件和 section 结构课件导出为单页文件。
5、两种输入都覆盖:普通静态 HTML 课件和互动 HTML 课件。
6、定位是中间环节:拆完的单页文件用于后续结合超本云 AI 交互课件工具,制作交互式精品课参赛课件。

Skill 元数据里 requires_api_key=false,说明不需要额外申请 API Key。

安装与启用

官方资料未给出具体的安装命令或 SKILL.md 配置字段,本篇不臆造。可用信息是发布坐标:

@user_dcdbf3e6/chengzi-html-splitter

在 SkillHub 上定位到该 Skill 后,按平台提示把坐标添加到项目的 Skill 列表即可启用。官方页面:

https://api.skillhub.cn/user_dcdbf3e6/chengzi-html-splitter

页面:

https://www.skillhub.cn/skills/user_dcdbf3e6/chengzi-html-splitter

注意:该 Skill 基于通用 SKILL.md 格式,所以它更像一个处理流程包,实际拆分动作需要它按课件结构逐页执行,不是一条命令直接出结果。

典型用法

官方简介给出的触发场景(即”Use when”部分)是:

  • 把多页 HTML 课件逐页拆分成独立 HTML
  • 分页课件拆分
  • 去掉编辑器外壳(顶部工具栏、右侧编辑条)
  • 去掉品牌页 / 广告成分
  • 把 Bento 课件或 section 结构课件导出为单页文件

实际使用时,把课件文件路径和需求描述给到启用该 Skill 的 Agent,例如要求”把 course.html 按页拆成独立 HTML,并去掉工具栏和品牌页”,让它按 Skill 流程处理。具体参数和输出目录,需以 Skill 加载后的说明为准——官方资料里没有给出可复现的命令行示例。

适用场景与注意

适合这几类人:

  • 参加精品课比赛、需要把既有 HTML 课件改造成交互课件的老师或制作方。
  • 手上有编辑器导出的整包课件、希望拿到干净单页文件再做二次开发的人。
  • 需要批量把 Bento 或 section 结构课件转成单页文件的人。

需要注意的几点:

1、该 Skill 面向 HTML 课件,不是通用的文档转换工具,非课件类 HTML 不在它的定位里。
2、”配合橙子老师的精品课专题课程”这条说明它和具体课程配套使用,单独拿来处理陌生课件时,效果要按实际结构验证。
3、页面显示安装数为 0、评分 100000,属于较新或较少被使用的条目,使用前建议先在一份课件上试跑。
4、拆分会改动原始 HTML 结构,处理前保留源文件备份。

结尾

橙子Html拆分器的价值在于把”去壳 + 分页”这步脏活固化下来,让课件制作者不必手工删工具栏、找分页点。如果你正卡在多页 HTML 课件无法进入交互加工环节,可以从上面的官方页面取坐标试跑。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜