内容包扩展 SDK
扩展 SDK 允许您通过帮助您创建自定义字段、 自定义部件和 Dashboard 部件来扩展 Contact 的用户界面 .
自定义字段 使用户能够引入更简单的界面控制,如取色器,代码编辑器,视频选择器,以及更多,或可能是复杂的微网络应用,如Shoppify或Snippart. 由于其不相干的性质,自定义字段可以被多次再用.
自定义部件 就像微内容处理应用程序 帮助您分析条目内容并提出建议。 您可以使用此扩展名创建一些有用的部件, 包括文本智能、 SEO 建议、 语言翻译、 语法检查器等 .
磁盘板部件 让您在堆栈的仪表板上添加强大的部件, 让用户从集中位置做更多的工作 。 这类扩展的一些例子包括个人笔记,最近公布的内容,通知中心和堆栈使用摘要等.
此 SDK 概览文档向您介绍自定义扩展的概念 .
开始
通过在应用程序中添加以下一行,包含扩展客户端库的编译版本.
<script
src="https://unpkg.com/@contentstack/[email protected]/dist/ui-extension-sdk.js"
integrity="sha512-LMktiFAj7j/AUFctMlgY8qmLrLIQVctwwCsnCXIWnvgF9JlanilvFbZxOCtPNB5eO3vp2Nhw9ED1UsWa+ltSvQ=="
crossorigin="anonymous"
></script>
扩展示例
自定义字段
自定义字段扩展的一些例子是:
-
颜色拾取器 - 显示本地取色器多填充, 允许用户选择颜色作为输入值并保存后端的颜色代码
-
Ace 编辑器 - 显示用 JavaScript 编写的代码编辑器,允许您编辑 HTML、 PHP、 JavaScript 并更容易
-
JSON 编辑器 - 显示一个简单的编辑器,让您在内容类型的域内查看、编辑和格式化 JSON 代码
-
键值字段 - 让您添加密钥值作为您内容类型的字段的输入值
-
进度栏 - 允许用户通过向左或右滑动进度栏来设置字段值
-
恒星评分 - 让你通过选择恒星数量提供评分
-
明亮的海湾 - 让您获取并展示您的亮相视频到您的内容类型.
-
购买 - 让您将您商店的产品装入您内容类型的领域.
-
埃格尼特语Name - 允许您获取您的 Egnyte 账户的文件, 并将其显示为您的内容类型 .
-
奥亚拉 - 让您获取并展示您的Ooyala视频 到你的内容类型.
-
优化 ——通过允许您为每个条目选择观众来服务个性化内容.
-
YouTube (英语) - 让您获取并展示您的Youtube视频到您的内容类型.
-
外部 API 查询 - 让您从外部 API 中获取数据, 并在 Concesstack 的条目页面上显示该字段的可能值 .
自定义部件
自定义部件扩展的一些例子有:
-
文本智能 ——让您使用MonekyLearn API提供内容总结,关键词提取器,零售分类器等有益的建议.
-
谷歌分析 - 在条目侧边栏显示您条目的流量分析和统计(使用Google分析数据).
-
优化实验 - 让你在条目中找到并显示最佳实验及其细节.
-
开发者工具 - 这个部件扩展为开发者提供快速工具(API endpoint,JSON等),可以与一个条目或所有内容类型的条目合作,并做更多的工作.
磁盘板部件
仪表板部件扩展的一些例子是:
使用内存样式
扩展在 iframe 内提供,您需要将 ui-extension- sdk.min.cs 库包含在自定义扩展内,以便使用任何由 Contack 提供的样式 .
在您的扩展代码中包含 CSS 文件如下 :
<link
rel="stylesheet"
type="text/css"
href="https://unpkg.com/@contentstack/ui-extensions-sdk/dist/ui-extension-sdk.css"
integrity="sha512-yPPI/jWiqPr0HIh+1A2QPP5p58sSYqbPoBykxIuBckT1vzGwNbrOmwYM03qGI4ffnxd7q4kkoDys0kdZzxYn9A=="
crossorigin="anonymous"
/>
欲了解您的扩展格式的更多信息,请参见我们 样式指南。 。 。 .
更多信息
许可证
许可证根据 麻省理工学院。 。 。 .