swan.closeCommunityEditor

解释: 关闭原生全屏内容发布器

方法参数

Object object

emojiPath 参数说明

属性名类型必填默认值说明
successFunction发布成功的回调函数
failFunction发布失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

示例

在开发者工具中预览效果

扫码体验

swan.closeCommunityEditor - 图1请使用百度APP扫码

图片示例

swan.closeCommunityEditor - 图2

swan.closeCommunityEditor - 图3

swan.closeCommunityEditor - 图4

代码示例

  • 在 swan 文件中
  1. <view class="wrap">
  2. <view class="card-area">
  3. <view class="top-description border-bottom">
  4. <view>原帖标题</view>
  5. <view>{{content}}</view>
  6. </view>
  7. <button type="primary" bindtap="openCommunityEditor">点击回复原帖</button>
  8. </view>
  9. </view>
  • 在 js 文件中
  1. Page({
  2. data: {
  3. content: '原帖内容'
  4. },
  5. onLoad(e) {
  6. },
  7. openCommunityEditor() {
  8. swan.openCommunityEditor({
  9. contentPlaceholder: '请输入帖子正文',
  10. titlePlaceholder: '请输入标题',
  11. moduleList: ['title', 'image', 'emoji', 'target'],
  12. imageConf: {
  13. maxNum: 9,
  14. ratio: 1
  15. },
  16. navBarTitleText: '发布帖子',
  17. navBarTextStyle: 'black',
  18. navBarBackgroundColor: '#ffffff',
  19. confirmText: '发布',
  20. confirmColor: '#3388ff',
  21. cancelText: '取消',
  22. cancelColor: '#666666',
  23. targetText: '话题/吧/版块',
  24. emojiPath: '../../emojidata',
  25. success: function (res) {
  26. console.log('openCommunityEditor success', res);
  27. // 将图片上传到服务器
  28. // swan.uploadFile({
  29. // url: 'https://smartprogram.baidu.com/xxx', // 仅为示例,并非真实的接口地址
  30. // filePath: res.tempFilePaths[0], // 要上传文件资源的路径
  31. // name: 'myfile',
  32. // success: function (res) {
  33. // console.log(res.statusCode);
  34. // // 上传成功关闭发布器
  35. // swan.closeCommunityEditor();
  36. // },
  37. // fail: function (err) {
  38. // console.log('错误码:' + err.errCode);
  39. // console.log('错误信息:' + err.errMsg);
  40. // }
  41. // });
  42. swan.closeCommunityEditor();
  43. swan.showToast({
  44. title: '发布成功',
  45. icon: 'none'
  46. });
  47. },
  48. fail: function (err) {
  49. console.log('openCommunityEditor fail', err);
  50. swan.closeCommunityEditor();
  51. },
  52. complete: function (res) {
  53. console.log('openCommunityEditor complete', res);
  54. }
  55. });
  56. // 定时器模拟开发者的提示时机,真实时机可据业务场景触发
  57. let that = this;
  58. setTimeout(function () {
  59. swan.showModal({
  60. title: '更新提示',
  61. content: '您所评论的内容有更新,是否要回到原帖查看',
  62. success(res) {
  63. console.log(res)
  64. if (res.confirm) {
  65. swan.closeCommunityEditor();
  66. that.setData('content', '更新的内容')
  67. }
  68. else if(res.cancel) {
  69. console.log('用户点击了取消');
  70. }
  71. }
  72. });
  73. }, 5000);
  74. }
  75. });