ueditor的contentChange不触发

2024-08-27

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

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

用bootstrapValidator来验证UEditor

我们的项目使用了bootstrapValidator来作为前端校验,但是表单里面有一个UEditor,它用bootstrapValidator是没有效果的,为了页面风格统一,只好修修改改咯首先来看一下修改后的效果上面的UEditor是我们的业务需要调整成这样的,首先我们我们先把基本的结构写一写 <form style="padding-top:15px;width:100%" id="defaultForm"> <div class="

从web编辑器 UEditor 中单独提取图片上传，包含多图片单图片上传以及在线涂鸦功能

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码.(抄的...) UEditor是非常好用的富文本web编辑器,而且全中文API和注释,方便学习和使用.特别是图片上传查看及涂鸦功能极为喜欢,但是有很多情况我们并不需要Web编辑器,而只需要图片上传.那么问题来了,提取图片上传哪家强..... 网上有很多图片上传的控件.插件.但都不是那么的完美,有的只有一张图片上传不包含批量上传,有的没有图片查看

百度富文本编辑器ueditor使用总结

最近做的项目用到了ueditor这个东东,但是他的一些配置文档对初次使用者来说很难以理解,故作此总结相关详细操作链接地址: http://blog.csdn.net/wusuopubupt/article/details/13019657 http://cache.baiducontent.com/c?m=9d78d513d9d441d84fece4225a50c0676943f0612ba1db020fd0843999735a315016e4ac56240705a3d20c6d16df394

vue2.0中引入UEditor的一些坑。。。。

开发后台系统的时候,富文本编辑器肯定是必不可少的,然后呢~在天朝当然要属百度编辑器(UEditor)最成熟了,功能全面,文档齐全(相对),ui优美(...,对于程序员来说)等等许多方面(MMP,还不是因为有中文文档和国人使用经验参考),所以使用百度编辑器就是不二之选了,早前再angular1的项目中使用过UE,主要是由后端配置好用,直接扔一个demo给我们,照着插入就OK了,现在呢,只能自己封装个组件咯,网上其实已经有很多关于在vue项目中引入UE的博文了,我也是看着那些博文摸索过来的,也遇到了

ASP.NET MVC5+EF6+EasyUI 后台管理系统（57）-插件---ueditor使用

系列目录目录: 前言开发环境知识点初始使用自定义工具栏设置和读取编辑器内容文件上传 ueditor加水印 ------------------------------------------------ 下载地址在尾部 1.前言:之前一直用KingEditor富文本编辑器,在国产编辑器中算是顶尖的插件.但是这个编辑器集成度较差,也很久没有更新了,今天学习百度产品UEeditor使用! 2.开发环境:VS2013+MVC5 3.知识点:上传加水印功能下载编辑器各自选择自己语言的版

ueditor插件简单使用

下载地址:http://ueditor.baidu.com/website/download.html 建议同时下载所需版本及完整源码. [ 1.4.3 JSP + 完整源码src ] 简单配置说明解压JSP版,放置项目中. 1,引入所需文件: <@script type="text/javascript" src="${page.url.context}/res/components/ueditor/ueditor.config.js"><

百度ueditor 实例化 Cannot set property 'innerHTML' of null 完美解决方案

此时此刻,我正在用博客园推荐的TinyMCE编辑器写这个博客,突然想起最近在项目中使用百度ueditor编辑器中的一些经历.所以记录在此,与大家分享. 不得不说,百度ueditor是一款很好的在线编辑器,为开发者提供了诸多便利,你甚至可以用它来把word文档的内容按照一定的格式转换成html代码,然后再放进自己的项目中. 1.我们的项目中,用户在注册时有可能需要查看用户协议和隐私协议,而我们的文案是将这两个协议的内容放在word文档中,作为苦逼的开发人员,你需要把这些文字展示在html页面上,并

UEditor的使用

一.引用CSS和JS: <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="/Content/Plugins/UEditor/ueditor.config.bbs.js"></script> <script type="

UEditor上传图片到七牛云储存（java）

我们的网站一般放在虚拟空间或者服务器上,图片如果存在本地目录,会占用很多空间和流量,还增加了负担,好的办法是把图片存放到云储存服务里面,平时用url去拿云储存:普遍说又拍云和七牛比较好,看到七牛免费额度很大,网上评价也挺好的,我就选了七牛编辑器:我用的是百度的UEditor编辑器,之后需要修改一些的开放的类和js文件下面写一下java版本(maven)的修改方法(c#版本在上一篇) 一.集成UEditor 1.在项目中加入UEditor 在UEditor的下载页,可以下载到最新的1.4.3

UEditor上传图片到七牛云储存（c#）

我们的网站一般放在虚拟空间或者服务器上,图片如果存在本地目录,会占用很多空间和流量,还增加了负担,好的办法是把图片存放到云储存服务里面,平时用url去拿云储存:普遍说又拍云和七牛比较好,看到七牛免费额度很大,网上评价也挺好的,我就选了七牛编辑器:我用的是百度的UEditor编辑器,之后需要修改一些的开放的类和js文件下面写一下c#版本的修改方法(java版本在下一篇) 一.集成UEditor 1.在项目中加入UEditor 在UEditor的下载页,可以下载到最新的1.4.3.3 .Net

【转载】UEditor前端配置项说明

UEditor 的配置项分为两类:前端配置项和后端配置项后端配置项具体看这个文档L:后端配置项说明本文档介绍如何通过设置前端配置项,定制编辑器的特性,配置方法主要通过修改ueditor.config.js,另外在编辑器实例化的时候也可以传入配置参数 var ue = UE.getEditor('container', { toolbars: [ ['fullscreen', 'source', 'undo', 'redo', 'bold'] ], autoHeightEnabled: t

使用ueditor小结

1. 导入 js: ueditor.config.js ueditor.all.js css/images/plugin: themes lang dialog(可选) third-party(可选) 2. 配置修改 ueditor.config.js 的 UEDITOR_CONFIG a. 定义 themes, lang, third-party 的路径,如果是在同一文件夹下,定义 UEDITOR_HOME_URL 就可以了否则分别修改 themePath, langPath, UEDIT

[转载]百度编辑器-Ueditor使用

前段时间发表过一篇关于“KindEditor在JSP中使用”的博文.这几天在沈阳东软进行JavaWeb方面的实习工作,在一个CMS系统的后台和博客板块中又要用到文本编辑器,突然发现了这个——百度编辑器(官网http://ueditor.baidu.com/website/index.html). Ueditor由百度开发,传说中的百度更懂中文嘛,不像KindEditor有时会显示乱码.Ueditor提供中文“utf-8”和“gbk”版本的下载.而且分为完整版和定制版.完整版没什么可说的,下面说下

第一篇 UEditor入门部署和体验

UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码. UEditor富文本编辑器,轻量,可定制,注重用户体验. 1 入门部署和体验 1.1 下载编辑器到官网下载 UEditor 最新版:[官网地址] 或是直接在网盘下载:JSP- UTF-8版本.(本文用的环境) 1.2 创建demo文件解压下载的包,在解压后的目录创建 demo.html 文件,填入下面的html代码 (最小配置的

UEditor使用有感（黄色）

UEditor 介绍 UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码. 1 入门部署和体验 1.1 下载编辑器到官网下载 UEditor 最新版:[官网地址] 1.2 创建demo文件解压下载的包,在解压后的目录创建 demo.html 文件,填入下面的html代码 <!DOCTYPE HTML> <html lang="en-US"> <

百度编辑器ueditor如何配置

完全版: 1.加载 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="./ueditor/ueditor.config.js"></script> <script type="text/javascript"

angular中ueditor插件的使用

#在angularjs中使用ueditor编辑器需要注意事项: 在ui-view中使用放置ueditor的div,页面加载时编辑器在页面中是不显示的,需要通过指令手动replay 例: /** * ueditor使用指令手动replay */ mainModule.directive('editor', function($http) { return { restrict: 'A' , scope: { content: '=' } , link: function(scope, elemen

又一编辑神器-百度编辑器-Ueditor

(Lionden<hsdlionden@gmail.com> 转载说明) 前段时间发表过一篇关于“KindEditor在JSP中使用”的博文.这几天在沈阳东软进行JavaWeb方面的实习工作,在一个CMS系统的后台和博客板块中又要用到文本编辑器,突然发现了这个——百度编辑器(官网http://ueditor.baidu.com/website/index.html). Ueditor由百度开发,传说中的百度更懂中文嘛,不像KindEditor有时会显示乱码.Ueditor提供中文“utf-8”

百度UEditor编辑器关闭抓取远程图片功能（默认开启）

这个坑娘的功能,开始时居然不知道如何触发,以为有个按钮,点击一下触发,翻阅了文档,没有发现,然后再网络上看到原来是复制粘贴非白名单内的图片到编辑框时触发,坑娘啊............... 问题又来了:今天在写百度UEditor编辑器的[取远程图片功能]时有碰到:该功能如何关闭了? 又花了15分钟左右的时间查阅了[官方文档]以及[官方论坛],都没有找到解决办法,那就查阅下源文件看看,是否有相关的判断呢(本人JS非常烂) 于是马上查阅:ueditor.all.js文件,发现如下代码 // plu

ueditor的contentChange不触发

热门专题