【ngx-ueditor】百度编辑器按下Shift键不触发contentChange事件

背景:基于Angular 6,引入ngx-ueditor 发现现象:如果以Shift键+任意键结尾,则ngModel会丢失包含shift键的字符例如:输入“ABC+AB++++”,则ngModel中只能获得“ABC+AB”,丢失最后的几个+号原因:按下Shift键不触发编辑器的contentChange事件, 但如果输入shift键+任意键后,又输入其他正常字符,触发了contentChange事件,则可以获得完整文本, 即,若不是以shift键+任意键结尾,就不存在问题解决方案一:在保存…

织梦替换ueditor百度编辑器，支持图片水印教程

1下载ueditor百度编辑器 2 把下载的zip解压得到ueditor文件夹,把解压到的ueditor文件夹扔进你网站的include文件夹去 3 打开 /include/inc/inc_fun_funAdmin.php 找到 else if($GLOBALS['cfg_html_editor']=='ckeditor') 在它上面加入 else if($GLOBALS['cfg_html_editor']=='ueditor'){ $fvalue = $fvalue=='' ? '<p>&…

UEditor百度编辑器，工具栏上自定义添加一个普通按钮

添加一个名叫“hougelou”的普通按钮在工具栏上: 第一步:找到ueditor.config.js文件中的toolbars数组,增加一个“hougelou”字符串,然后找到labelMap数组,对应着添加一个labelMap,用于鼠标移上按钮时的提示. //工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的从新定义 , toolbars:[ ['fullscreen', 'source', '|', 'undo', 'redo', '|', 'bold', 'ital…

[UEditor]百度编辑器配置总结

前端配置文件ueditor.config.js 前端有两个重要的配置属性: UEDITOR_HOME_URL: 配置百度编辑器的资源目录路径,你可以手动指定此路径,默认是有URL变量指定,而URL变量是由window.UEDITOR_HOME_URL || getUEBasePath()获取值的,两者取有值的那个,都有值的情况下使用第一个值,第二个值默认获取ueditor.config.js文件所在目录,第二个值默认未定义,当需要针对不同页面的编辑器可单独配置的根路径时才修改此值,一般默认即可.…

UEditor百度编辑器，工具栏自定义添加一个普通按钮

根据网上前辈提供的,还真的不错,下面也整理一下添加一个名叫“macros”的普通按钮在工具栏上: 第一步:找到ueditor.config.js文件中的toolbars数组,增加一个“macros”字符串, 然后找到labelMap数组,对应着添加一个labelMap,用于鼠标移上按钮时的提示. //工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的从新定义 , toolbars:[ ['fullscreen', 'source', '|', 'undo', 'redo…

ThinkPHP3.1.3 整合 UEditor百度编辑器图片上传

第一步.前端模板实例化百度编辑器 <js file='__ROOT__/Data/UEditor/ueditor.config.js' /> <js file='__ROOT__/Data/UEditor/ueditor.all.min.js' /> <js file='__ROOT__/Data/UEditor/lang/zh-cn/zh-cn.js' /> <script type="text/javascript"> window.…

Ueditor百度编辑器插件的安装

目录插件下载地址: 1. 引入 2. 编辑器显示处 id="content" 3.底部 4.ueditor编辑器按钮配置方法定制工具栏图标修改配置项的方法: 插件下载地址: 百度ueditor(海马网盘):https://pan.baidu.com/s/1yik8haZNH46SkIEZNcSIvQ 密码:appt 百度ueditor含使用方法(童攀网盘):链接: https://pan.baidu.com/s/1jI88b90 密码: c9in 1. 引入 ueditor.co…

ueditor 百度编辑器图片上传接 node.js 及一些前端自定义

百度编辑器用node.js 做服务端 demo 大神已整理的记录一下以作参考 https://github.com/netpi/ueditor 1. 前端图片工具栏上传input file在这里: 搜索 ueditor.all.js文件里的 UE.plugin.register('simpleupload', function (){} 2. 图片拖动大小在这里: 搜索 ueditor.all.js文件里的 updateTargetElement: function () { var me…

Ueditor百度编辑器中的 setContent()方法的使用

百度编辑器Ueditor所提供的setContent()方法作用是:设置或者改变编辑器里面的文字内容或html内容函数说明:setContent(string,boolean); 参数string 是需要设置到编辑器里面的内容,可以含有HTML代码,最后插入到编辑器中的内容是经过编辑器内置过滤器过滤后的内容,同时该函数会出发selectionchange 事件. 参数:boolean,(true/false) true表示清空编辑器俩面的内容,在内容后面添加内容,不传,默认是true:fal…

Ueditor百度编辑器中 setContent()方法的使用

百度编辑器Ueditor所提供的setContent()方法作用是:设置或者改变编辑器里面的文字内容或html内容函数说明:setContent(string,boolean); 参数string 是需要设置到编辑器里面的内容,可以含有HTML代码,最后插入到编辑器中的内容是经过编辑器内置过滤器过滤后的内容,同时该函数会出发selectionchange 事件. 参数:boolean,(true/false) 若传入true,不清空原来的内容,在最后插入内容,否则,清空内容再插入,默认是tr…

DEDECMS：DEDE整合(UEditor)百度编辑器以后，栏目内容、单页无法保存内容的bug处理方法

已经整合过百度编辑器的站长们或许会发现,在编辑单页文档和栏目内容的时候,百度编辑器不能够保存新增或已修改数据,经过排查后发现问题出现在catalog_edit.htm.catalog_add.htm这两个文件中,接下来我们就对这两个文件进行修改,使百度编辑器和织梦进行完美对接. 首先打开dede/templets/catalog_edit.htm(如果你有后台目录没有改名字的话就是dede),找到如下代码: function checkSubmit() { if(document.form1.t…

UEditor百度编辑器

第一步:首先下载ueditor编译器,地址:http://ueditor.baidu.com/website/ 下载完解压之后就这个: 第二步:我会把文件名utf-8-jsp这个文件名改为ueditor,然后把这个ueditor文件夹拷贝到项目的webapp目录下其中的zh-ch.js我是从lang文件夹里面拷贝出来的,目的是为了方便引入,不拷贝出来完全可以,到时候引入jsp的时候注意下路径就好了. 第三步:当然是要导入这个编译器所需要的依赖了,在ueditor/jsp/lib下因为我用的是…

JSP项目中使用ueditor(百度编辑器)

1. 从http://ueditor.baidu.com下载JSP版本的ueditor,注意GBK和UTF-8两种版本. 2. 在Web Project项目的WebRoot目录下新增thirdparts目录,然后将ueditor添加到thirdparts目录中. 3. 将ueditor_utf8目录下的jsp/lib目录中的jar包拷贝到项目的lib目录. 4. 修改ueditor.config.js文件,添加如下代码 window.UEDITOR_HOME_URL ="/thirdparts/…

ueditor 百度编辑器自定义图片上传路径和格式化上传文件名

今天项目中需要自定义图片上传的保存路径,并且不需要按照日期自动创建存储文件夹和文件名,我的ueditor版本是1.3.6.下面记录一下我配置成功的方法,如果有什么不对的地方欢迎指出,共同学习: 1:我在本地项目的根目录下新建一个文件夹,比如:upload. 2:打开ueditor/php/config.php,改成如下代码后保存: <?php return array( //图片上传允许的存储目录 /*'imageSavePath' => array ( 'upload1', 'upload2…

ueditor百度编辑器的赋值方法

示例: http://ueditor.baidu.com/website/onlinedemo.html 引用代码: window.UMEDITOR_HOME_URL = $CONFIG['domain'] + "/res/local/js/ueditor/"; //注意就是这里! window.UEDITOR_CONFIG.imageUrl = $CONFIG['domain'] + '/goodspic?type=2'; window.UEDITOR_CONFIG.s…

ueditor 百度编辑器，取消或自定义右键菜单

如图:有2种自定义方法,一种是改源码,一种是初始化初始化,如下代码: var ue = UE.getEditor('XXXid',{ // contextMenu:[ {label:'', cmdName:'selectall'}, { label:'', cmdName:'cleardoc', exec:function () { this.execCommand( 'cleardoc' ); } }, {label:'这里添加一个菜单',cmdName:'cleardoc', icon:'…

ueditor百度编辑器中，多图上传后，图片顺序乱掉的处理方法

上传后,图片的顺序和预期的不一致,需要修改ueditor的源码. 一.找到editor/dialogs/attachment/attachment.js文件 1.将_this.fileList.push(json);修改为_this.fileList[$file.index()] = json; 2.考虑上传失败的情况,加上一个判断,避免在上传失败后,数组中出现undefined项二.找到editor/dialogs/image/image.js文件 1.将_this.imageList.pu…

ueditor 百度编辑器粘贴的table表格样式边线

粘贴html的table表格会有间隔大,黑色边线,可以在: ueditor.all.js 里找到以下处,修改里面的样式即可 me.ready(function () { utils.cssRule('table', //选中的td上的样式 '.selectTdClass{background-color:#edf5fa !important}' + 'table.noBorderTable td,table.noBorderTable th,table.noBorderTable captio…

ueditor 百度编辑器，自定义右键菜单

ueditor 百度编辑器解决表格没有边框

因为项目需要,发现直接从word和excel复制粘贴以后,居然在禅道上表格没有边框了,故查了一下这里从word,以及excel粘贴复制,都能直接有边框了,同时在编辑器里面新增表格,也能直接显示边框了,不需要右键-->设置显示边框了我这里是使用在禅道上的,这里就直接给出已经修改的js 下载连接http://download.csdn.net/download/a7657z/10232193…

在win7/8/10鼠标右键添加按下SHIFT键时弹出的“在此处打开命令窗口”

Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\Drive\shell\cmd]@="@shell32.dll,-8506""NoWorkingDirectory"="""Extended"="" [HKEY_CLASSES_ROOT\Drive\shell\cmd\command]@="cmd.exe /s /k pushd \&q…

(win7/8/10)鼠标右键添加按下SHIFT键时弹出带管理员权限的“在此处打开命令窗口”

Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\Directory\Background\shell\runas]@="@shell32.dll,-8506""HasLUAShield"="""Extended"="" [HKEY_CLASSES_ROOT\Directory\Background\shell\runas\command]@=&…

ueditor百度编辑器上传图片出现后端未配置好，不能正常加载插件

…

ueditor百度编辑器destoon的word图片转存功能

图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例:打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉其中的代码.加入下面的代码: //判断剪贴板的内容是否包含文本 //首先解释一下为什么要判断文本是不是为空 //在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种ty…

shift键有什么用？怎么用？shift键的妙用

一.当你用QQ和别人聊天时,是不是有时信息发送的特别慢呀,不要紧,只要你发信息时按shift 键信息就会很快的发送出去的! 二.当你面对一大堆窗口,却要一个一个把它们关掉时.是不是很烦啊.只要你按shift 键在单击关闭按扭,所有的与之相关的父窗口就都会被关掉三.在输入大小写字母时,按shift 键,就可以改变其大小写! 四.当安装了某个新软件,有时要从新启动计算机才有用,只要先按shift 键,就可以跳过计算机的自检节省了大量的时间! ﹙這個只適用於windows 95及98﹚ 五.选择文件…

DELPHI 解决DBGrid SHIFT键多选问题

在实际项目中,偶然遇到需要按下SHIFT键,在DBGrid中进行多选的情况,测试了几种方法,最终确定了一个比较好的解决方法,总结如下: procedure TTestFrame.TestDBGridMouseUp(Sender: TObject; Button: TMouseButton; Shift: TShiftState; X, Y: Integer); begin //实现 Shift+鼠标左键单击多选 if Button = mbLeft then begin if not FblS…

thinkphp 对百度编辑器里的内容进行保存

模板代码 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>ueditor demo</title> </head> <body>  <script id="container" name="co…

按着shift键对dbgrid进行多条记录选择的问题(50分)

可以用sendmessage,想dbgrid 发键盘信息,按下shift键,同时按下button1procedure TForm1.Button1Click(Sender: TObject);vari:integer;beginfor i:=1 to Table1.Recordcount-1 dosendmessage(DbGRID1.handle,WM_KEYDOWN,VK_DOWN,1);end; 在DBGrid的Click事件中,先GotoBookMark,然后使用一个循环到你后面选定的记…

按下enter键后表单自动提交问题

在HTML的form表单里,按下enter键之后,默认情况下表单会自动提交. 在公司一个项目里,按下enter键自动提交表单的查询结果与按下搜索框的搜索结果页面显示不一样,按下搜索按钮之后是通过Ajax请求返回结果:而按下enter键是直接post请求然后跳转返回一个页面,失去了页面样式及导航等. 一开以为是写了js代码导致按下enter键之后会触发表单提交,后来把js代码全部移除也是一样地按下enter键会触发表单提交.到网上搜索发现是因为默认情况下在form表单内按下enter键会触发表单自…

阻止按下backspace键造成页面回退相像

在IE浏览器中,会出现当你使用鼠标选中input标签或者是textarea标签,或者啥也没选中的时候,按下backspace键会触发浏览器的回退. 针对以上问题的解决思路: 1. 当按下键盘时,判断当前按键是否为backspace 2. 如果是,获取当前光标选中的元素. 3. 如果不是input或者textarea,取消backspace的关联行为 4. 如果是,则判断是否为text,password等可编辑的文本框,如果不是,则取消默认行为(此处只需要判断inp…

【【ngx-ueditor】百度编辑器按下Shift键不触发contentChange事件】的更多相关文章