没有办法直接使用bootstrapValidator验证百度Ueditor组件,因为ueditor生成的编辑框都是DIV拼凑起来的,并不是textarea组件。于是换了一种思路,使用ue的内容改变事件:
var domUtils = UE.dom.domUtils; ueditor.addListener('ready',function(){ //ueditor.focus(true); domUtils.on(ueditor.body,"keyup",function(){ var count=ueditor.getContentLength(true); if (count>50 && count<4000) $("#contentErrorInfo").text(""); }); });
当内容改变时,通过ue自带的文本长度API来判断是否合乎条件,当条件成立时去掉错误信息。
另外,在提交表单时,验证ue的内容:
var count=ueditor.getContentLength(true); if (count<50 || count >4000){ $("#contentErrorInfo").text("参赛作文内容长度必须在50到4000位之间"); } $('#defaultForm').data('bootstrapValidator').validate(); //手动验证表单,当是普通按钮时 var isValid = $('#defaultForm').data('bootstrapValidator').isValid();
需要说明的是错误信息的样式是从bootstrapValidator在界面生成后copy的:
<div id="contentError" class="form-group has-feedback has-error"> <small class="help-block" data-bv-validator="notEmpty" data-bv-for="content" data-bv-result="INVALID" style=""> <span id="contentErrorInfo"></span> </small> </div>
相关推荐
主要为大家详细介绍了利用bootstrapValidator验证UEditor,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器百度ueditor编辑器
百度ueditor官方包 包括最新的1.3.6和mini2个包
百度官方出品的ueditor,功能比较强大,支持自主设计出所需求的效果,可以添加地图、视频、音乐等等
使用vue-ueditor-wrap组件时导入的百度ueditor资源包,如果要恢复百度ueditor图片组件的功能,就去UEditor/dialogs/image/image.html 里面取消屏蔽23,24,25行代码,如果需要查看组件使用放法,请去我主页查看:uve 使用...
百度Ueditor最新版使用实例,配置无错误,简单易懂,实用。
spring boot thymeleaf 整合 百度Ueditor 集成demo 解决文件上传遇到的后端配置项没有正常加载,上传插件不能正常使用!
功能:本组件是参照百度ueditor1.17开发版而做的批量上传插件。 使用方法: 把 upload.aspx upload.aspx.cs 这2个文件复制到 ue/server/upload/net/ 文件夹下。 然后把 ue/dialogs/image/image.html 文件第155行的 ...
百度ueditor支持本地与FTP上传图片
功能:百度UEditor(1.1.6版本)asp.net上传组件 使用方法: 把压缩包里 image.html upload.aspx upload.aspx.cs 这3个文件复制到 ueditor\dialogs\image 文件夹覆盖即可。 注意:本组件仅仅适用于版本1.1.6版本...
百度ueditor完整包 在线网页编辑器,功能强大
百度Ueditor使用方法
百度Ueditor配置动态的访问地址,配置动态的图片储存路径,(由于软件升级系统后,图片或者文档的可能冲掉,后台java中增加备份处理,可以备份到项目外)
百度富文本编辑器UEditor 1.4.3版本
百度UEditor 整合135所需要的文件
百度ueditor集成springmvc、springboot等环境,自己根据源代码,不断调试,不断修改,做到改动量最少,可用性最高.详见:https://www.jggbk.com/blogs/article/23.html
相当强大的编辑器,使用非常简单吗,可自行选择使用环境
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,简洁,漂亮,基本功能能实现,也很好用
百度ueditor组件,使用上传图片后,设置了一个alt属性,其值是上传图片时的本地路径,如果想更改的话可以参考下面的解决方法