'新的富文本编辑组件把callback暴露出来'

business/pages/themeeditor/index.js

@@ -22,6 +22,7 @@ var app = getApp();
 Page({
   // mixins: [deepCopy(require('../../../mixins/myMins/audioCallback'))],
   data: {
+    editType: 1, // 1作业打卡 2 日历打卡 3 闯关打卡
     maxLength: 500,
     maxImgCount: 9,
     maxVideoCount: 9,
@@ -32,12 +33,45 @@ Page({
     id: 0,
     tid: 0,
     sid: 0,
+    calendarparams: {
+      type: 0, // 0无限制 1录音 2视频 3照片
+      title: '',
+      content: [{
+        type: 'text',
+        value: '闯关打卡的描述'
+      }],
+      is_cheat: 0,
+      is_encrypt: 0,
+      force_status: 2,
+      force_num: 0,
+      push_status: 2,
+      text_require_status: 2,
+      text_require_num: 0,
+      image_require_status: 2,
+      image_require_num: 0,
+      video_require_status: 2,
+      video_require_num: 0,
+      audio_require_status: 2,
+      audio_require_num: 0,
+      supplement_status: 2,
+      supplement_num: 0,
+      startDate: formatDate(new Date().getTime()/1000).split(' ')[0],
+      startTime: formatDate(new Date().getTime()/1000).split(' ')[1],
+      endDate: formatDate((new Date().getTime()+86400*1000*7)/1000).split(' ')[0],
+      endTime: formatDate((new Date().getTime()+86400*1000*7)/1000).split(' ')[1],
+      clock_start_time: '00:00',
+      clock_end_time: '23:59',
+      push_time: '09:00',
+      join_rule_type: 1,
+      join_secret: '',
+      class_ids: '',
+    },
     params: {
       type: 0, // 0无限制 1录音 2视频 3照片
       title: '',
       content: [{
         type: 'text',
-        value: '养成练字习惯将有助于培养耐性，同时还能陶冶情操、提升审美能力，今天起请同学们坚持！养成练字习惯将有助于培养耐性，同时还能陶冶情操、提升审美能力。今天起请同学们坚持！养成练字习惯将有助于培养耐性，同时还能陶冶情操、提升审美能力。'
+        value: '作业打卡的描述'
       }],
       is_cheat: 0,
       // is_encrypt: 0,
@@ -113,14 +147,6 @@ Page({
       title: '',
       id: 0,
     },
-    mockTitleList: [
-      {type: 1,label:"课后作业",title: '请各位同学提交本次课后布置的作业'},
-      {type: 2,label:"周末作业",title: '请各位同学提交本周周末布置的作业'},
-      {type: 3,label:"演讲一段话",title: '请各位同学演讲本次作业要讲的话'},
-      {type: 4,label:"练习动作",title: '请各位同学练习一下动作'},
-      {type: 5,label:"今日练字作业",title: '请各位同学认真查看今日要练习的作业，并跟着练习'}
-    ],
-    currentMockType: 0,
     successDailogShow: false,
     actPalyaudioValue: ''
   },
@@ -133,13 +159,15 @@ Page({
       sid,
       my,
       classes,
+      editType,
     } = options;
     this.setData({
       id,
       tid,
       clone: clone || '',
       sid: sid || '',
-      my: my || 0
+      my: my || 0,
+      editType,
     });
     if (tid == 0) {
       const currentclasses = classes ? JSON.parse(decodeURIComponent(classes)) : [];
@@ -413,11 +441,18 @@ Page({
     const {
       value
     } = e.detail;
-    let currentMockItem = this.data.mockTitleList.filter(item=>item.title == value)[0];
-    this.setData({
-      'params.title': value.length > 36 ? value.substr(0, 36) : value,
-      currentMockType: currentMockItem? currentMockItem.type: 0
-    })
+    const { editType } = this.data;
+    if (editType == 1) {
+      this.setData({
+        'params.title': value.length > 36 ? value.substr(0, 36) : value,
+      })
+    } else if (editType == 2) {
+      this.setData({
+        'calendarparams.title': value.length > 36 ? value.substr(0, 36) : value,
+      })
+    } else if (editType == 3) {
+
+    }
   },
   selectType() {
     const that = this;
@@ -562,6 +597,80 @@ Page({
       this.data.submiting = false
     })
   },
+  // 跟文本编辑器有关的操作
+  addeditoritem (e) {
+    const { editType, calendarparams, params } = this.data;
+    if (editType == 1) {
+      const content = params.content;
+      content.push(e.detail);
+      this.setData({
+        'params.content': content,
+      })
+    } else if (editType == 2) {
+      const content = calendarparams.content;
+      content.push(e.detail);
+      this.setData({
+        'calendarparams.content': content,
+      })
+    } else if (editType == 3) {
+
+    }
+  },
+  textChange(e) {
+    const { value, index } = e.detail;
+    const { editType, calendarparams, params } = this.data;
+    if (editType == 1) {
+      this.setData({
+        [`params.content[${index}].value`]: value,
+      })
+    } else if (editType == 2) {
+      this.setData({
+        [`calendarparams.content[${index}].value`]: value,
+      })
+    } else if (editType == 3) {
+
+    }
+  },
+  delitem(e) {
+    const { editType, calendarparams, params } = this.data;
+    if (editType == 1) {
+      const content = params.content;
+      content.splice(e.detail, 1);
+      this.setData({
+        'params.content': content,
+      })
+    } else if (editType == 2) {
+      const content = calendarparams.content;
+      content.splice(e.detail, 1);
+      this.setData({
+        'calendarparams.content': content,
+      })
+    } else if (editType == 3) {
+
+    }
+  },
+  exchange(e) {
+    // const content = this.data.content;
+        // content.splice(index-1, 2, content[index], content[index - 1]);
+    const index = e.detail;
+    const { editType, calendarparams, params } = this.data;
+    if (editType == 1) {
+      const content = params.content;
+      content.splice(index-1, 2, content[index], content[index - 1]);
+      this.setData({
+        'params.content': content,
+      })
+    } else if (editType == 2) {
+      const content = calendarparams.content;
+      content.splice(index-1, 2, content[index], content[index - 1]);
+      this.setData({
+        'calendarparams.content': content,
+      })
+    } else if (editType == 3) {
+
+    }
+  },
+  // 跟文本编辑器有关的操作
   // 跟录音相关的操作
   addVoice(e) {
     const {
@@ -577,10 +686,30 @@ Page({
       src,
       duration
     } = e.detail;
-    this.selectComponent('#sjd-media-editor').pushVoice({
-      src,
-      duration
-    }); // 页面向组件传递参数
+    const { editType, calendarparams, params } = this.data;
+    if (editType == 1) {
+      const content = params.content;
+      content.push({
+        type: 'voice',
+        value: src,
+        duration
+      });
+      this.setData({
+        'params.content': content,
+      })
+    } else if (editType == 2) {
+      const content = calendarparams.content;
+      content.push({
+        type: 'voice',
+        value: src,
+        duration
+      });
+      this.setData({
+        'calendarparams.content': content,
+      })
+    } else if (editType == 3) {
+
+    }
   },
   // 跟录音相关的操作
   // 跟录音相关的操作
@@ -1159,5 +1288,14 @@ Page({
     wx.navigateTo({
       url: `/business/pages/themead/list?sid=${this.data.sid}&id=${id}`,
     })
+  },
+  editTypeChange(e) {
+    const { type } = e.currentTarget.dataset;
+    if (type == this.data.editType) {
+      return;
+    }
+    this.setData({
+      editType: type,
+    });
   }
 })
\ No newline at end of file

components/newsjdmediaeditor/index.js

@@ -91,7 +91,6 @@ Component({
     iosPhoneWarn: false,
   },
   created () {
-    console.log(this.data.content, 'this.data.content')
   },
   attached () {
   },
@@ -109,8 +108,9 @@ Component({
     textareaChange (e) {
       const {currentTarget, detail} = e;
       const index = currentTarget.dataset.index;
-      this.setData({
-        [`content[${index}].value`]: detail.value
+      this.triggerEvent('textchange', {
+        value: detail.value,
+        index,
       })
     },
     addText () { // 添加文本的操作
@@ -123,13 +123,10 @@ Component({
         value: '',
         style: ''
       });
-      this.setData({
-        content,
-      }, () => {
-        // 进行textBoxLength计算
-        this.setData({
-          textBoxLength: this.countCaculate('text', this.data.content)
-        })
+      this.triggerEvent('additem', {
+        type: 'text',
+        value: '',
+        style: ''
       })
     },
     addImg (tempFiles) { // 添加图片的操作
@@ -203,19 +200,12 @@ Component({
           })
           let uploadingIndex = this.data.uploadingIndex + 1;
           let content = JSON.parse(JSON.stringify(this.data.content));
-          content.push({
+          this.triggerEvent('additem', {
             type: 'img',
             value: filename
-          })
-          console.log(content,'content')
+          });
           this.setData({
-            content,
             uploadingIndex,
-            
-          }, () => {
-            this.setData({
-              imgBoxLength: this.countCaculate('img', this.data.content),
-            })
           })
           this.singleUploadFile(access);
         } else { // 失败的处理
@@ -253,13 +243,6 @@ Component({
       }
       let mySystem = wx.getSystemInfoSync();
       let needIosWarn = LocalStorage.getItem('needIosWarn');
-      // if (mySystem.system && mySystem.system.toLowerCase().indexOf('ios') != -1 && !needIosWarn) {
-      //   this.setData({
-      //     iosPhoneWarn: true
-      //   })
-      // } else {
-      //   this.addVideoMethod();
-      // }
       this.addVideoMethod();
     },
     closeIosWarnDia () {
@@ -339,20 +322,12 @@ Component({
           wx.showToast({
             title: '上传成功'
           })
-          let content = JSON.parse(JSON.stringify(this.data.content));
-          content.push({
+          this.triggerEvent('additem', {
             type: 'video',
             value: filename,
             poster: filename,
             mode: 'm3u8'
-          })
-          this.setData({
-            content,
-          }, () => {
-            this.setData({
-              videoBoxLength: this.countCaculate('video', this.data.content)
-            })
-          })
+          });
         } else {
           wx.hideLoading();
           wx.showModal({
@@ -378,58 +353,13 @@ Component({
       const {currentTarget} = e;
       const index = currentTarget.dataset.index;
       const type = currentTarget.dataset.type;
-      let content = JSON.parse(JSON.stringify(this.data.content));
-      content.splice(index, 1);
+      this.triggerEvent('delitem', index);
       // 删除录音的操作
       if (type == 'voice') {
         this.triggerEvent('delvoice', {
           value: currentTarget.dataset.value
         })
       }
-      this.setData({
-        content
-      }, () => {
-        switch(type) {
-          case 'text':
-            this.setData({
-              textBoxLength: this.countCaculate('text', this.data.content)
-            })
-            break;
-          case 'img':
-            this.setData({
-              imgBoxLength: this.countCaculate('img', this.data.content)
-            })
-            break;
-          case 'voice':
-            this.setData({
-              voiceBoxLength: this.countCaculate('voice', this.data.content)
-            })
-            break;
-          case 'video':
-            this.setData({
-              videoBoxLength: this.countCaculate('video', this.data.content)
-            })
-            break;
-          default:
-            break;
-        }
-      }) 
-    },
-    pushVoice ({src, duration}) {
-      let content = JSON.parse(JSON.stringify(this.data.content));
-        content.push({
-          type: 'voice',
-          value: src,
-          duration
-        });
-        this.setData({
-          content,
-        }, () => {
-          // 进行textBoxLength计算
-          this.setData({
-            voiceBoxLength: this.countCaculate('voice', this.data.content)
-          })
-        })
     },
     // 播放音频的相关操作 只是作为一个触发器   所有的录音操作在视频中进行
     playvoice (e) {
@@ -480,10 +410,11 @@ Component({
         exchangeIndex: index
       })
       setTimeout(() => {
-        const content = this.data.content;
-        content.splice(index-1, 2, content[index], content[index - 1]);
+        // const content = this.data.content;
+        // content.splice(index-1, 2, content[index], content[index - 1]);
+        this.triggerEvent('exchange', index)
         this.setData({
-          content,
+          // content,
           exchangeIndex: -1
         })
       }, 500)