自学内容网 自学内容网

禁止 Kindeditor富文本粘贴图片和html格式

Kindeditor 文本编辑器是可以通过ctrl+v粘贴图片的,粘贴完的图片会转成base54格式,发送到后端需要后端将base64图片转成图片存到服务器上,在将图片路径回填回去,比较费事,
可以将 Kindeditor的 pasteType参数设置成1,这样,就禁止粘贴html格式内容了,也就粘贴不了图片了

<script charset="utf-8" src="/keditor/kindeditor.js"></script>
<script charset="utf-8" src="/keditor/lang/zh_CN.js"></script>
<script>
    KindEditor.ready(function(K) {
        // http://kindeditor.net/docs/option.html
        K.create('.keditcontent', {
            cssPath : /keditor/themes/default/default.css',

            uploadJson : '/Upload/save.html',

            fileManagerJson : '/Upload/fileManage.html',

// true时图片上传界面显示浏览远程服务器按钮。
            allowFileManager : false,

// true时根据 htmlTags 过滤HTML代码,false时允许输入任何代码。
            filterMode: false,

// 改变站内本地URL,可设置”“、”relative”、”absolute”、”domain”。空为不修改URL,relative为相对路径,absolute为绝对路径,domain为带域名的绝对路径。
            urlType:'absolute',

// 0:禁止粘贴, 1:纯文本粘贴, 2:HTML粘贴, 默认值: 2
            pasteType: 1,

// 配置编辑器的工具栏,其中”/”表示换行,”|”表示分隔符。
            items:[
                'source', '|', 'undo', 'redo', '|',  'cut', 'copy', 'paste',
                'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
                'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
                'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
                'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
                'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image',
                'media', 'insertfile', 'table', 'hr',  'pagebreak',
                'anchor', 'link', 'unlink'
            ],
            //利用该方法处理当富文本编辑框失焦之后,立即同步数据
            afterBlur: function(){
                KindEditor.sync(".keditcontent");
            },
            
            afterCreate : function() {
                let self = this;
            },
        });
    });
</script>

原文地址:https://blog.csdn.net/jugtba/article/details/143770085

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!