swan.openCommunityEditor

基础库 3.90.1 版本开始支持。以下版本请使用小程序发布器组件

解释:调起原生全屏内容发布器,并支持开发者配置发布器展示模块。
Web 态说明:内容发布器功能暂不支持,调用会执行失败回调方法。

方法参数

Object object

object 参数说明

属性名类型必填默认值说明

contentPlaceholder

String

请输入正文

正文默认占位符

titlePlaceholder

String

请输入标题

标题默认占位文符

moduleList

Array.<string>

显示模块 list

imageConf

Object

{maxNum:9,ratio:1}

图片参数配置,最大上传图片数量和图片压缩比

navBarTitleText

String

发布帖子

导航栏标题文案

navBarTextStyle

String

black

导航栏标题文字颜色,有效值 black / white

navBarBackgroundColor

HexColor

#ffffff

导航栏背景颜色

confirmText

String

发布

发布按钮的文字,最多 2 个字符,超出长度会被截断

confirmColor

HexColor

#3388ff

发布按钮的文字颜色

cancelText

String

取消

取消按钮的文字,最多 2 个字符,超出长度会被截断

cancelColor

HexColor

#666666

取消按钮的文字颜色

targetText

String

设置发布范围文案,若配置发布范围模块,则必填

emojiPath

String

设置自定义表情配置路径

success

Function

发布内容的回调函数

fail

Function

调起失败的回调函数

complete

Function

接口调用结束的回调函数(调用成功、失败都会执行)

success 返回参数说明

参数名类型说明

tempFilePaths

Array.<string>

图片的本地文件路径列表

tempFiles

Array.<object>

图片的本地文件列表,每一项是一个 File 对象

title

String

标题

content

String

正文

moduleList 列表

若 moduleList 传空数组或不传,则默认展示正文、图片模块、表情模块。若传值,则只展示所传 list 中配置的模块。
如:moduleList: ['image'] 则只展示图片模块。

moduleList类型描述

title

String

标题

image

String

图片模块

emoji

String

表情模块

target

String

发布范围模块

imageConf 参数说明

参数类型描述

maxNum

Number

最多上传图片数量

ratio

Number

图片压缩比例,0-1 之间的浮点型

emojiPath 参数说明

开发者在配置 emoji 模块后,可以选择是否使用自定义表情表。若使用自定义表情功能,则将自定义表情的资源文件夹路径传入 emojiPath 字段。若不传 emojiPath 字段则使用默认表情包。
自定义表情资源文件夹格式:
文件夹中包括:emoji.json 和所有表情图片资源。外层文件夹名字可以由开发者自由定义,路径配置在 emojiPath 中即可,emoji.json 为固定文件名,请开发者按格式创建。表情没有数量和大小限制,但是表情资源会占用包体大小。
图片
emoji.json 格式:
图片

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

百度智能小程序

请使用百度APP扫码

图片示例

swan.openCommunityEditor - 图4

代码示例

  • SWAN
  • JS
  1. <view class="wrap">
  2. <view class="card-area">
  3. <view class="top-description border-bottom">
  4. <view>基础用法</view>
  5. <view>moduleList:[]</view>
  6. </view>
  7. <button type="primary" bindtap="openCommunityEditor">打开图文发布器</button>
  8. </view>
  9. <view class="card-area">
  10. <view class="top-description border-bottom">
  11. <view>展示全部功能</view>
  12. <view>moduleList:['title','image','emoji','target']</view>
  13. </view>
  14. <button type="primary" bindtap="openCommunityEditorAll">打开全功能发布器</button>
  15. </view>
  16. <view class="tip-week">
  17. 注:基础库 3.90.1 版本开始支持。
  18. </view>
  19. </view>