JS SDK - 内容库

优质
小牛编辑
131浏览
2023-12-01

内容库是知晓云提供的一个方便进行内容管理的功能,你可以在上面创建多个内容库,可以在内容库中创建分类,并提供一个功能丰富的富文本编辑器用于创建内容。借助内容表的功能,你还可以设置自定义的字段,实现更多复杂内容的展示。

SDK 中内置了多个接口,方便你对在控制台中创建的内容库及其中的分类和内容进行获取和查找,如下是查找指定内容库下在指定分类下的内容列表的代码示例:

  1. let contentGroupID = 1513076211190694
  2. let MyContentGroup = new wx.BaaS.ContentGroup(contentGroupID)
  3. let query = new wx.BaaS.Query()
  4. query.arrayContains('categories', [1513076252710475])
  5. MyContentGroup.setQuery(query).find().then(res => {
  6. console.log(res.data)
  7. })

同时,为了方便你将创建的内容显示到小程序上,我们提供了 wxParser 工具。其作用是将富文本转为成能被微信小程序正确解析的 WXML,效果如下:

富文本 HTML

  1. <b>Hello, world!</b>
  2. <div>
  3. <i>客村地铁站</i>
  4. </div>
  5. <div>
  6. <u>TIT 创意园</u>
  7. </div>

转换后生成的 WXML

  1. <view class="wxParser">
  2. <view class=" wxParser-b wxParser-inline">
  3. <view class="wxParserText wxParser-inline">Hello, world!</view>
  4. </view>
  5. <view class=" wxParser-div">
  6. <view class=" wxParser-i wxParser-inline">
  7. <view class="wxParserText wxParser-inline">客村地铁站</view>
  8. </view>
  9. </view>
  10. <view class=" wxParser-div">
  11. <view class=" wxParser-u wxParser-inline">
  12. <view class="wxParserText wxParser-inline">TIT 创意园</view>
  13. </view>
  14. </view>
  15. </view>

阅读以下章节,了解更多内容库操作接口:

  • 内容操作
  • 渲染内容