`
baukh789
  • 浏览: 27654 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

UEdit 使用总结

阅读更多

       最近项目中频繁使用到 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结合使用技巧

    ### Uedit32与SQLPlus结合使用技巧 在IT领域,高效的工作流程是提升生产力的关键。对于数据库开发者和管理员来说,结合使用Uedit32文本编辑器与Oracle SQLPlus可以极大地提高工作效率。本文将详细介绍如何配置这两...

    Uedit32C++ exe 查看器编辑

    总结,UEdit32作为一款强大的文本编辑器,其在C++ EXE查看和编辑方面的能力不容忽视。通过熟练掌握UEdit32的各项功能,开发者可以提升工作效率,解决复杂问题,从而在编程旅程中更上一层楼。无论是初学者还是经验...

    uedit32 java编辑工具

    总结来说,UEdit32是一款极具实用性的Java编辑工具,无论是在日常开发还是临时使用,都能提供高效且舒适的工作体验。它的各种功能和自定义选项,使得每个开发者都能找到适合自己的工作模式,从而提升编程效率。如果...

    Uedit32 中文编辑器

    Uedit32在中文版中尤其考虑了中国用户的使用习惯,界面友好,语言支持全面,是编程、文本处理和日常文档编辑的理想选择。 **主要特性:** 1. **多语言支持**:Uedit32中文版编辑器不仅支持中文,还能处理多种编码...

    汉化UEDIT32I(能注册)

    总结,UEDIT32I汉化版是一个功能强大的文本编辑器,适合程序员和开发者,它的汉化使得中文用户更容易上手。"能注册"的特性意味着用户可以通过正规途径获取全部功能,享受更好的使用体验和服务。

    UEDIT32

    UEDIT32是一款功能强大的文本编辑器,尤其适合程序员和开发者使用。它支持多种编程语言,包括但不限于Java,使得用户可以在一个统一的环境中进行代码编写、调试和修改。尽管“UEDIT32”这个名称可能显得有些年代感,...

    UEDIT DLL文件编辑工具

    总结来说,UEDIT DLL文件编辑工具是一款强大的系统工具,它为我们打开了理解DLL文件内部结构的大门,也为软件开发者和系统管理员提供了宝贵的辅助手段。在使用过程中,我们需要结合自身的技能水平和法律意识,合理...

    免费的 uedit32

    总结,UEdit32 是一款功能强大的文本编辑器,尤其适合编程和文本处理任务。它的免费版本为用户提供了诸多便利,只需合理利用,就能极大地提升工作和学习效率。在享受这些便利的同时,我们也要尊重软件开发者的劳动...

    UEDIT32+8.20

    总结来说,UEdit32+8.20是一款专业且功能全面的文本编辑器,它以丰富的语言支持、高效的代码管理、强大的宏功能和人性化的设计赢得了用户的信赖。通过深入理解和熟练运用这款工具,IT从业者能够更好地提升工作效率,...

    UEDIT32_80.rar

    **总结** UEdit32_80作为一款优秀的代码编辑器,以其丰富的特性、高度的可定制性和出色的性能,成为了程序员不可或缺的工具之一。无论是初学者还是资深开发者,都能从中受益,提高工作效率。绿色版的特性使其更易于...

    uedit32,32位编辑器,很好用

    **使用场景** uedit32广泛应用于软件开发、网页制作、日志分析、配置文件修改等多种场景。由于其强大的文本处理能力,它也常被用作替代系统自带的记事本,成为专业用户首选的文本编辑工具。 **总结** uedit32作为...

    vue中使用ueditor富文本编辑器

    总结来说,要在Vue中使用ueditor富文本编辑器,你需要完成以下步骤: 1. 下载ueditor并将其放入`static`目录。 2. 配置ueditor.config.js,特别是服务器URL。 3. 创建Vue子组件,引入ueditor相关脚本并初始化编辑器...

    坐标转换软件和排版用的软件

    总结来说,坐标转换软件是地理空间数据处理的核心工具,能够解决不同坐标系统间的转换问题;而排版用的软件如Uedit32,则为文本编辑和格式调整提供了便利,是文档创作的重要辅助。了解并熟练掌握这两类软件,对于...

    find duplicated files

    总结来说,“find duplicated files”是一个涉及文件管理、存储优化和安全性的议题。使用专门的工具如DupFileFinder.exe,结合适当的策略和注意事项,可以帮助用户有效地管理和维护他们的文件系统。

    pc-lint 经验(中文)

    本文旨在详细介绍PC-Lint的安装配置方法及其与主流开发环境(如Visual C++, Source Insight, UEdit等)的集成方式,并概述PC-Lint的主要功能及使用技巧。 #### 1. 引言 C/C++语言的独特之处在于其允许程序员直接...

    csv java

    "SSCE4332.DLL"可能是某个软件的动态链接库文件,"UEDIT32.EXE"可能是一个文本编辑器程序,而"UEDIT32.REG"可能是一个注册表文件。这些文件通常与Windows系统或特定应用程序有关,而非Java编程。因此,在生成关于CSV...

    单片机原理及应用课件:第11章.ppt

    这涉及到使用特定的软件工具,如uedit32用于编辑源代码,Keil、WAVE或菊阳软件作为51系列单片机的集成开发调试环境。 在实验前,学生需要学会如何操作这些开发软件,并在硬盘上创建一个个人文件夹,用于存放所有...

    BCB6与BCB2006控件的安装

    建议使用UEdit32之类的工具辅助修改。修改后需要关闭并重新打开项目以使更改生效。 ### 总结: BCB6和BCB2006控件的安装涉及到源码完整性、文件命名、路径设置以及错误排查等多个方面。正确安装控件需要细心操作,...

    KindEditor,百度富文本框编辑器

    以前做项目的时候都是使用KindEditor编辑器。感觉还是不错的。最近又在看百度的富文本框编辑器,在用户体验...一下是我对这两个编辑器的使用总结,希望对有用的人有所帮助吧。大侠请飘过。。。哪里不好的地方,请指教。

Global site tag (gtag.js) - Google Analytics