js编辑器插件

使用js实现一款简单的编辑器插件,可以实现文字的编辑,图片的上传操作。/** * 自定义编辑器 * @param {Object} id 编辑区 * @param {Object} control 操作区 */function insertImg(id, control, dataparams, fun){ this.bigBox = document.getEl...
摘要由CSDN通过智能技术生成

使用js实现一款简单的编辑器插件,可以实现文字的编辑,图片的上传操作。

/**
 * 自定义编辑器
 * @param {Object} id      编辑区
 * @param {Object} control 操作区
 */
function insertImg(id, control, dataparams, fun){
   
    this.bigBox  = document.getElementById(id),
    this.handles = document.getElementById(control),
    this.handle  = this.handles.children[0],
    this.handleChildt  = this.handle.children[1],
    this.gethtml = this.handles.children[1],
    param = dataparams,
    funs = fun,
    this.init()
}
insertImg.prototype = {
    init:function(){
   

        this.edit();      //编辑操作
        this.getResult(); //编辑操作

    },
    pasteHandler:function() {
   
        var that = this;
        /**
         * 监控粘贴(ctrl+v),粘贴过来的替换多余的html代码,只保留<br>
         */
        setTimeout(function() {
   

            var content = that.innerHTML;
            valiHTML = ["br"];
            content = content.replace(/_moz_dirty=""/gi, "").replace(/\[/g, "[[-").replace(/\]/g, "-]]").replace(/<\/ ?tr[^>]*>/gi, "[br]").replace(/<\/ ?td[^>]*>/gi, "&nbsp;&nbsp;").replace(/<(ul|dl|ol)[^>]*>/gi, "[br]").replace(/<(li|dd)[^>]*>/gi, "[br]").replace(/<p [^>]*>/gi, "[br]").replace(new RegExp("<(/?(?:" + valiHTML.join("|") + ")[^>]*)>", 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值