tinyMCE 富文本专题

306 阅读1分钟

监控图片的移除

图片移除
不起作用,因为img节点外边套了p标签
想到了另一个办法,数据库存储全部文本,放入富文本编辑器前,用正则统计出所有src,在提交更改的时候,再次统计src,作对比,删除掉未匹配的src
用到的正则为

//对一个字符串进行全文匹配,获取所需要的 img 标签
// var reg2= /<img\b.*?(?:\>|\/>)/gi
var reg2= /<img\b.*?(?:\/img>|\/>)/gi
//对一个 img 标签进行匹配,获取所对应的 src 属性
var reg= /\bsrc\b\s*=\s*[\'\"]?([^\'\"]*)[\'\"]?/i

let begin= 0;
let result= [];
do{
  reg.lastIndex= begin;
  let match= reg.exec(innerHTML);
  begin= match && (match['index']+ match[0].length);
} while (begin)

构思

  1. 上传图片,得到http地址和通过createObjectURL(file)创建的本地暂时地址,并以暂时地址为主键保存这个对象