关于百度富文本编辑器UEditor中ctrl+enter键发送消息的解决方案

最近一个消息插件中遇到一个特殊需求，就是一旦ueditor编辑器获取焦点以后，除非让编辑器失去焦点，否则window的键盘监听事件就失去作用了，在这种情况下如何才能使用ctrl+enter发送已经编辑好的内容呢？上网搜了好多，发现大家都遇到这个问题了，这里我将我自己的解决方案整理处理，与大家分享，能力有限，如有问题，欢迎指正，大神勿喷~

首先我们看看ueditor/ueditor.all.js中这么一句话

UE.plugin.register('autosubmit',function(){
return {
shortcutkey:{
"autosubmit":"ctrl+13" //手动提交
},
commands:{
'autosubmit':{
execCommand:function () {
var me=this,
form = domUtils.findParentByTagName(me.iframe,"form", false);
if (form){
if(me.fireEvent("beforesubmit")===false){
return;
}
me.sync();
form.submit();
}
}
}
}
}
});

/********************************/

var me=this,
form = domUtils.findParentByTagName(me.iframe,"form", false);
if (form){
if(me.fireEvent("beforesubmit")===false){
return;
}
me.sync();
form.submit();
}

/**********************************/

将这段话换成：

自己的提交方法 XXX();(假如页面中已经存在js function XXX(){ }）

注意事项：

1、注意页面中引入的是ueditor.all.min.js还是ueditor.all.js，用哪个改那个；

2、改的时候一定要定准{}（）这些元素，一不小心多删一个或者少删一个就会出现问题

3、其实还有一种方式：

var ue=UM.getEditor('myEditor');
ue.addListener("focus", function (type, event) { //这里的focus可以视自己的情况定，可以使blur,keypress等等
alert("事件触发");
});
理论上这种方式也可以实现，但是由于当focus位置是keypress的时候，依旧获取监听不了ctrl键（even.keyCode==17||event.ctrlKey均触发不了），让人挺郁闷的~

4、网上搜到这么一种：

UE.dom.domUtils.on(self.ue.body, 'keypress', function(event){
if(event.keyCode == 13){
alert('enter ok');
event.preventDefault();
event.stopPropagation();
self.sendMsg();
}
});

不知道为什么，这种方式我从来没成功过。。。

关于百度富文本编辑器UEditor中ctrl+enter键发送消息的解决方案相关推荐

将百度富文本编辑器(ueditor)中的内容转化为word文档格式
业务场景需求:根据富文本中的内容生成对应的word文档进行预览和下载功能. 实现: 采用 POIFSFileSystem 类相关实现,能够准确的将文字.格式相关内容转换成功,但是对于在线的网络图片, ...
富文本转换html,在百度富文本编辑器UEditor中增加word转html的方法
1.需求在一个项目中有个需求:复制word的内容到编辑器中.但是在复制过程中图片不能成功的复制过来,需要安装flash插件,但是吧又不能要求每个客户都安装上,这就比较麻烦了.所以考虑是不是可以把wo ...
百度富文本编辑器UEditor安装配置全过程
网站开发时富文本编辑器是必不可少的,他可以让用户自行编辑内容的样式然后上传到后台!下面我们来介绍如何安装使用百度富文本编辑器一.下载并且设置百度富文本编辑器的样式你可以去百度UEditor ...
TP5.1框架中百度富文本编辑器UEditor的使用
在实际项目开发中最常使用到的工具之一就是富文本编辑器,使用富文本编辑器可以实现所见即所得的效果,且所有富文本编辑器里的内容(包括图片,视频,音乐等文件)全部可以带格式的存入数据库中且只需占用一个字段. ...
百度富文本编辑器ueditor在https协议下无法正常插入动态地图
在浏览器https协议下,百度富文本编辑器ueditor有可能会无法正常插入动态地图.所谓"动态地图",就是在插入地图的时候,勾选右上角的"动态地图"选择框: ...
百度富文本编辑器ueditor支持上传mp3格式等音频文件的方法
百度富文本编辑器ueditor算得上比较强大的了,但是有一个比较令人难受的问题,就是不支持本地上传音频文件.ueditor自带的mp3功能是直接在百度音乐里面搜索加进去的,显而易见这个不是我们想要的, ...
Html引入百度富文本编辑器ueditor
在日常工作用,肯定有用到富文本编辑器的时候,富文本编辑器功能强大使用方便,我用的是百度富文本编辑器,首先需要下载好百度编辑器的demo, 然后创建ueditor.html文件,引入百度编辑器,然后在h ...
themyleaf 图片上传_springboot thymeleaf 整合百度富文本编辑器UEditor进行图片上传
项目中需要使用到富文本编辑器,找来找去发现百度UEditor富文本编辑器在国内最为常用因此就尝试引入.编辑器官网是:http://ueditor.baidu.com/website/index.htm ...
html页面引入富文本编辑器,Html引入百度富文本编辑器ueditor
在日常工作用,肯定有用到富文本编辑器的时候,富文本编辑器功能强大使用方便,我用的是百度富文本编辑器,首先需要下载好百度编辑器的demo, 然后创建ueditor.html文件,引入百度编辑器,然后在h ...
Vue 百度富文本编辑器Ueditor Spring Boot 前后台整合示例（附带完整源码）
前端安装vue-ueditor-wrap npm i vue-ueditor-wrap 引入并注册VueUeditorWrap组件,配置组件属性 <script> import VueU ...

关于百度富文本编辑器UEditor中ctrl+enter键发送消息的解决方案

关于百度富文本编辑器UEditor中ctrl+enter键发送消息的解决方案相关推荐

最新文章

热门文章