EasyUI使用百度编辑器,第一次打开没有问题,但是第二次打开不显示。
2014-06-07 08:09
351 查看
使用EasyUI做一个项目,用百度编辑器出现问题,第一次刷新能用,再打开不能用,刷新整个页面还可以用一次,最终找到问题在哪。
我用的默认百度编辑器默认Demo,将下面的JS放入Body体里。
我用的默认百度编辑器默认Demo,将下面的JS放入Body体里。
<script type="text/javascript"> //实例化编辑器 //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例 var ue = UE.getEditor('editor'); </script>
<td>内容</td> <td><script id="editor" type="text/plain" style="width:80%;height:30%;" name="content"></script></td>这是我的Dialog,不过是拓展后的modalDialog,官方文档没有。
function addFun() { parent.$.modalDialog({ title : '增加资讯', width : 950, height : 600, modal : true, href : '${pageContext.request.contextPath}/client_news/add.jsp', buttons : [ { text : '增加', handler : function() { parent.$.modalDialog.openner_dataGrid = dataGrid; var f = parent.$.modalDialog.handler.find('#newsAdd'); </span>f.submit(); } } ] }); } 拓展modalDialog代码(别人写的拓展)
$.modalDialog = function(options) { if ($.modalDialog.handler == undefined) {// 避免重复弹出 var opts = $.extend({ title : '', width : 840, height : 680, modal : true, onClose : function() { $.modalDialog.handler = undefined; $(this).dialog('destroy');
//添加百度编辑器销毁代码 }, onOpen : function() { parent.$.messager.progress({ title : '提示', text : '数据处理中,请稍后....' }); } }, options); opts.modal = true;// 强制此dialog为模式化,无视传递过来的modal参数 return $.modalDialog.handler = $('<div/>').dialog(opts); } };
经过分析是因为使用百度编辑器没有销毁的原因,所以在>modalDialog关闭的时候将,百度编辑器销毁,下面是销毁代码。
if (typeof ue != 'undefined') { ue.destroy(); }
有可能你添加完了,问题仍然出现,你还需要找一下原因。问题可能是因为你先引入了easyui,按照我的这种写法应该先引入百度编辑器插件,再引入easyui,不然typeof ue != 'undefined'就不行啦,找不到。
<!-- 引入百度编辑器插件 --> <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/jslib/ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/jslib/ueditor/ueditor.all.min.js"></script> <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败--> <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文--> <script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/jslib/ueditor/lang/zh-cn/zh-cn.js"></script> <!-- 引入EasyUI --> <link id="easyuiTheme" rel="stylesheet" href="${pageContext.request.contextPath}/jslib/jquery-easyui-1.3.3/themes/<c:out value="${cookie.easyuiThemeName.value}" default="bootstrap"/>/easyui.css" type="text/css"> <!-- <link rel="stylesheet" href="${pageContext.request.contextPath}/jslib/jquery-easyui-1.3.3/themes/icon.css" type="text/css"> --> <script type="text/javascript" src="${pageContext.request.contextPath}/jslib/jquery-easyui-1.3.3/jquery.easyui.min.js" charset="utf-8"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/jslib/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js" charset="utf-8"></script>
相关文章推荐
- extjs中第一次访问有效,第二次访问出现部分组件无法显示的,动态改变组件的label值的方法,ExtJs中组件最好少使用ID属性(推荐更多使用Name属性)
- ueditor(百度编辑器)的第一次使用以及关键配置
- 关于Struts2+spring+maven中使用百度UEditor编辑器显示未找到上传数据的解决方案
- 关于eclipse依赖其他项目第一次依赖显示成功,第二次打开就变红叉的情况解决方案
- 使用easyui插件中的模态框做添加/修改操作,第一次添加一切正常,第二次添加,页面出现第一次的残留数据?
- 为什么使用百度编辑器时 前台代码不能放在 class<table >中 如果放进去的话,会发生 百度编辑的内容显示不出来
- 使用百度编辑器显示html标签的解决办法
- 关于Struts2+spring中使用百度UEditor编辑器显示未找到上传数据的解决方法
- iw14.0.50来了,终于可以直接在地址栏输入url打开iw功能页面了;可以自由使用EasyUI等js框架了;显示模式对话框也不再七绕八绕惹人烦了;
- 启动程序(第二次开启程序,显示第一次打开的程序)
- 在extjs 4,使用combox的store的filter,但是第一次始终不起作用,第二次开始正常。
- APP第一次使用会显示的页面,之后再次打开应用不会再显示
- 使用struts2标签库时第一次打开报错、第二次打开不报错
- Easyui和UEditor无法正常使用一:使用listDialog后,编辑器部分窗口不能打开(如行间距)
- 为什么第一次打开asp.net网站首页也显示特别慢
- IE8兼容模式(兼容模式其实就是使用IE7的显示引擎)打开网页
- 打开第二次VB程序时通知第一次运行的程序并自己关闭的方法
- asp.net Ajax 页中使用jquery-easyui的显示问题处理
- 我用vs2005写了一个webservice用来查询sql2005数据库中表值,返回一个dataset类型集合,测试时候显示的xml文档没有问题,但是当我添加web引用的时候却无法正常显示而且报错原因之一。
- android 使用代码打开文件浏览器并显示指定目录