最近项目中频繁使用到 uedit,在使用中遇到一些磕磕绊绊的事。记录一下
1、渲染问题
UEdit自带的渲染方法为editor.render(id),但这个方法只能调用一次。当页面中存在多个多个需要渲染的DOM节点时,这个方法就爱莫 能助了。在API里翻腾了许久后,尝试使用UE.getEditor(id)这个方法。该方法存在偶发性报错问题(并不严重的错误,而且未能确定是由该方 法引起的);代码如下:
for(var i = 0;i<plan_content.length;i++){ pc_only = $(plan_content[i]); UEditArray[i] = UE.getEditor(pc_only.attr('id')); }
那个偶发性错误如果在以后的使用中找到处理方法,会及时更新。这个问题不会影响功能。
2、内容问题
在 使用中需要对uedit中的内容进行为空验证,经测试在UEdit中编辑的内容会在失焦时将值存入原textarea的val属性中。官网提供 有.getContent()方法来提供手动获取数据。我现在采用的方法是当鼠标移出UEdit区域后就调用该方法,毕竟嘛,你总不至于把提交按钮放到 UEdit上面吧。单片代码看起来可能有点晕,我粘个完整点的代码。
/* @UeditInit:初始化页面中的UEdit插件 并循环当前uedit容器,为其分类提供鼠标移出事件; */ UEditInit: function(){ var plan_content = $('.plan_content'); try{ var editor = new UE.ui.Editor(); if(plan_content && plan_content.length> 0){ var pc_only; for(var i = 0;i<plan_content.length;i++){ pc_only = $(plan_content[i]); pc_only.attr('pc_Index',i); //为鼠标移出事件,提供索引 pc_only.parents('.form_element').addClass('UEditArea'); //为提供鼠标移出事件,提供元素标识 UEditArray[i] = UE.getEditor(pc_only.attr('id')); //editor.render($(plan_content[i]).attr('id')); 使用UEdit官网上的部署编辑器方法替换render【渲染编辑器的DOM到指定容器】 } /** 为当前全部uedit容器提供鼠标移出事件; 事件发生时,将uedit内容放至对应的textarea中 */ } var UEditArea = $('.UEditArea');//获取当前所有使用uedit编辑器的父容器 ,所用class是在初始化ueidt时通过循环加上去的 UEditArea.mouseleave(function(){ var _this = $(this); var tmp_textarea = _this.find('textarea'); var pc_Index = Number(tmp_textarea.attr('pc_Index')); tmp_textarea.val(UEditArray[pc_Index].getContent()); }); }catch(e){ console.log('%cUEditInit出现异常,异常为:'+e,'color:#f00'); }finally{ } },
其它的API上都有介绍,使用起来按API上面走就可以了。希望上面写的对各位有所帮助,有一同使用这个插件的有问题可以留言交流。
相关推荐
### Uedit32与SQLPlus结合使用技巧 在IT领域,高效的工作流程是提升生产力的关键。对于数据库开发者和管理员来说,结合使用Uedit32文本编辑器与Oracle SQLPlus可以极大地提高工作效率。本文将详细介绍如何配置这两...
总结,UEdit32作为一款强大的文本编辑器,其在C++ EXE查看和编辑方面的能力不容忽视。通过熟练掌握UEdit32的各项功能,开发者可以提升工作效率,解决复杂问题,从而在编程旅程中更上一层楼。无论是初学者还是经验...
总结来说,UEdit32是一款极具实用性的Java编辑工具,无论是在日常开发还是临时使用,都能提供高效且舒适的工作体验。它的各种功能和自定义选项,使得每个开发者都能找到适合自己的工作模式,从而提升编程效率。如果...
Uedit32在中文版中尤其考虑了中国用户的使用习惯,界面友好,语言支持全面,是编程、文本处理和日常文档编辑的理想选择。 **主要特性:** 1. **多语言支持**:Uedit32中文版编辑器不仅支持中文,还能处理多种编码...
总结,UEDIT32I汉化版是一个功能强大的文本编辑器,适合程序员和开发者,它的汉化使得中文用户更容易上手。"能注册"的特性意味着用户可以通过正规途径获取全部功能,享受更好的使用体验和服务。
UEDIT32是一款功能强大的文本编辑器,尤其适合程序员和开发者使用。它支持多种编程语言,包括但不限于Java,使得用户可以在一个统一的环境中进行代码编写、调试和修改。尽管“UEDIT32”这个名称可能显得有些年代感,...
总结来说,UEDIT DLL文件编辑工具是一款强大的系统工具,它为我们打开了理解DLL文件内部结构的大门,也为软件开发者和系统管理员提供了宝贵的辅助手段。在使用过程中,我们需要结合自身的技能水平和法律意识,合理...
总结,UEdit32 是一款功能强大的文本编辑器,尤其适合编程和文本处理任务。它的免费版本为用户提供了诸多便利,只需合理利用,就能极大地提升工作和学习效率。在享受这些便利的同时,我们也要尊重软件开发者的劳动...
总结来说,UEdit32+8.20是一款专业且功能全面的文本编辑器,它以丰富的语言支持、高效的代码管理、强大的宏功能和人性化的设计赢得了用户的信赖。通过深入理解和熟练运用这款工具,IT从业者能够更好地提升工作效率,...
**总结** UEdit32_80作为一款优秀的代码编辑器,以其丰富的特性、高度的可定制性和出色的性能,成为了程序员不可或缺的工具之一。无论是初学者还是资深开发者,都能从中受益,提高工作效率。绿色版的特性使其更易于...
**使用场景** uedit32广泛应用于软件开发、网页制作、日志分析、配置文件修改等多种场景。由于其强大的文本处理能力,它也常被用作替代系统自带的记事本,成为专业用户首选的文本编辑工具。 **总结** uedit32作为...
总结来说,要在Vue中使用ueditor富文本编辑器,你需要完成以下步骤: 1. 下载ueditor并将其放入`static`目录。 2. 配置ueditor.config.js,特别是服务器URL。 3. 创建Vue子组件,引入ueditor相关脚本并初始化编辑器...
总结来说,坐标转换软件是地理空间数据处理的核心工具,能够解决不同坐标系统间的转换问题;而排版用的软件如Uedit32,则为文本编辑和格式调整提供了便利,是文档创作的重要辅助。了解并熟练掌握这两类软件,对于...
总结来说,“find duplicated files”是一个涉及文件管理、存储优化和安全性的议题。使用专门的工具如DupFileFinder.exe,结合适当的策略和注意事项,可以帮助用户有效地管理和维护他们的文件系统。
本文旨在详细介绍PC-Lint的安装配置方法及其与主流开发环境(如Visual C++, Source Insight, UEdit等)的集成方式,并概述PC-Lint的主要功能及使用技巧。 #### 1. 引言 C/C++语言的独特之处在于其允许程序员直接...
"SSCE4332.DLL"可能是某个软件的动态链接库文件,"UEDIT32.EXE"可能是一个文本编辑器程序,而"UEDIT32.REG"可能是一个注册表文件。这些文件通常与Windows系统或特定应用程序有关,而非Java编程。因此,在生成关于CSV...
这涉及到使用特定的软件工具,如uedit32用于编辑源代码,Keil、WAVE或菊阳软件作为51系列单片机的集成开发调试环境。 在实验前,学生需要学会如何操作这些开发软件,并在硬盘上创建一个个人文件夹,用于存放所有...
建议使用UEdit32之类的工具辅助修改。修改后需要关闭并重新打开项目以使更改生效。 ### 总结: BCB6和BCB2006控件的安装涉及到源码完整性、文件命名、路径设置以及错误排查等多个方面。正确安装控件需要细心操作,...
以前做项目的时候都是使用KindEditor编辑器。感觉还是不错的。最近又在看百度的富文本框编辑器,在用户体验...一下是我对这两个编辑器的使用总结,希望对有用的人有所帮助吧。大侠请飘过。。。哪里不好的地方,请指教。