elEditor

功能描述

依赖的模块

快速使用

  2.         // 编辑区域dom对象
  3.         el: '#contentEditor',
  4.         // 图片上传自定义方法
  5.         uploader: function(){
  6.             return new Promise(function(_resolve, _reject){
  7.                 // 图片上传方法
  8.                 _resolve(url);  // 成功调用_resolve方法传入图片地址
  9.                 _reject(msg);   //失败调用_reject方法传入失败原因
  10.             })
  11.         },
  12.         /*初始化完成钩子*/
  13.         mounted: function(){
  14.         },
  15.         /*文档内容变化*/
  17.             console.log('文档修改');
  18.         },
  19.         /*自定义按钮的例子*/
  20.         toolbars: [
  21.             'insertText',
  22.             'editText',
  23.             'insertImage',
  24.             'insertLink',
  25.             'insertHr',
  26.             'delete',
  27.             //自定义一个视频按钮
  28.             {
  29.                 id: 'insertVideo',
  30.                 handle: function(select, controll){
  32.                     // 成功调用下面方法插入到编辑器
  33.                     contentEditor.saveState();
  34.                     contentEditor.getEditNode().after(`
  35.                         <div class='Eleditor-video-area'>
  36.                             <video src="${url}" autoplay="autoplay" controls="controls"></video>
  37.                         </div>
  38.                     `);
  39.                     contentEditor.hideEditorControllerLayer();
  40.                     return false;
  41.                 }
  42.             },
  43.             'undo',
  44.             'cancel'
  45.         ],