转富文本用这Skill保结构

把 Portable Text 内容渲染成 React、Vue、HTML 或 Markdown 格式。

portable-text-serialization 是把 Portable Text 富文本转成页面或其他文本格式的 Skill。Portable Text 保存内容块、文字片段和标记,渲染器再把这些结构映射成目标框架的组件。

粗体属于直接标记,链接等注释则引用标记定义;只取文字可能丢掉链接和层次。图片、代码或行动按钮这样的自定义块,需要相应组件,不能把没显示当成原内容为空。

主文建议处理未知类型、稳定组件配置,并在查询时展开需要的引用。展开资料还要守住权限与字段范围,关闭缺组件警告只是少显示提示,不是补好了渲染。

适合内容系统先理结构再选输出目标。不同格式支持不同,不能承诺来回转换无损;本文没有运行库,框架专属规则未展开,主文对通用接口的说法需按实际包版本核。

分类:编程开发

来源仓库:sanity-io/agent-toolkit

适合用来做什么

  • 如何将Portable Text渲染到React组件中?
  • 为我的Svelte项目创建一个自定义的Portable Text序列化器

安装 portable-text-serialization

npx skills add https://www.iskills.cc/skills/sanity-io/agent-toolkit/portable-text-serialization/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 portable-text-serialization 的用途与原始说明

浏览全部 Skill 指南