// // 富文本元素 // private editor={} // // 编辑器调用 // private editorInit() { // this.editor = new E(’#editor’); // // 自定义菜单配置
// (this.editor as any).config.menus = [ // ‘head’, // ‘image’
// ]; // // 开启debug模式 // (this.editor as any).config.debug = true; // // 关闭粘贴内容中的样式 // (this.editor as any).config.pasteFilterStyle = false; // // 忽略粘贴内容中的图片 // (this.editor as any).config.pasteIgnoreImg = true;
// // 上传图片到服务器 // (this.editor as any).config.uploadImgParams = { Authorization: this.imgToken }; // (this.editor as any).config.uploadFileName = ‘fpfile’; // 设置文件上传的参数名称 // (this.editor as any).config.uploadImgServer = this.imgUrl; // 设置上传文件的服务器路径 // (this.editor as any).config.uploadImgMaxSize = 5 * 1024 * 1024;// 将图片大小限制为 3M // (this.editor as any).config.uploadImgHooks = { // customInsert: function(insertImg:any, result:any) { // // 图片上传并返回结果,自定义插入图片的事件(而不是编辑器自动插入图片!!!) // // insertImg 是插入图片的函数,editor 是编辑器对象,result 是服务器端返回的结果
// // 举例:假如上传图片成功后,服务器端返回的是 {url:’…’} 这种格式,即可这样插入图片: // console.log(result, ‘result’) // var url = result.url // insertImg(url) // // result 必须是一个 JSON 格式字符串!!!否则报错 // } // }; // (this.editor as any).config.onchange = (html:any) => { // this.formData.text = html // console.log(html, ‘html’) // } // (this.editor as any).create() // console.log(‘调用了富文本编辑器’, this.formData.text); // (this.editor as any).txt.append(${this.formData.text} ) // console.log(this.editor, ‘cmmmmdmm’) // }
|