kindeditor图片上传配置水印

先上效果图



网上有帖子说初始化了编辑器后就无法更改设置,其实是可以的。只不过不再是修改那些初始化参数了。

<script>
   KindEditor.ready(function (K) {
       var editor1 = K.create('#content1', {
           cssPath: '../plugins/code/prettify.css',
           uploadJson: 'upload_json.ashx?id=1',
           fileManagerJson: 'file_manager_json.ashx',
           allowFileManager: false,
           afterCreate: function () {
               var self = this;
               K.ctrl(document, 13, function () {
                   self.sync();
                   K('form[name=example]')[0].submit();
               });
               K.ctrl(self.edit.doc, 13, function () {
                   self.sync();
                   K('form[name=example]')[0].submit();
               });
           }
       });
       prettyPrint();   
</script>

这些是初始化的参数,而初始化后就会在页面生成了一系列的表单,现在要修改就对应的去修改页面上的表单了,比如图片上传加水印,有时我们想对一张图片进行水印,有时不需要,这时最好有一个可以让人手动选择的功能,这个可以在\plugins\image\image.js里找到增加HTML元素的地方,加上一个选择框就可以,如'<div><span style="color:gray">自动加水印</span><input id="Checkbox1" type="checkbox" οnclick="change(this)" checked disabled/></div>',。

而页面上就可以这样来控制表单的提交

change = function (obj) {
            var _form = document.getElementsByTagName("form").length;
            for (i = 0; i < _form; i++) {
                if (document.getElementsByTagName("form")[i].className == "ke-upload-area ke-form") {
                    if (obj.checked == true) {
                        document.getElementsByTagName("form")[i].action = document.getElementsByTagName("form")[i].action.replace("id=0", "id=1");
                    }
                    else {
                        document.getElementsByTagName("form")[i].action = document.getElementsByTagName("form")[i].action.replace("id=1", "id=0");
                    }
                    alert(document.getElementsByTagName("form")[i].action);
                }
            }
        }
    });

行了,这样一来,你想加什么参数过去图片上传那里就自己加吧,加水印也行,水印位置也行,水印的图片也行。

写下来给自己一个标记。。。

大神们别喷我。。。好吧,喷一下也行。。。

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值