当前位置: 首页 > 图文教程 > 网络编程 > 网页编辑器 > eWebEditor 辑器按钮失效 IE8下eWebEditor编辑器无法使用的解决方法

网页编辑器
fckeditor在php中的用法(添加于修改写成了函数)
关于CKeditor的非主流个性应用的设置
dedecms5.5 最新版ckeditor编辑器整合教程
javascript 网页编辑框及拖拽图片的问题
asp.net FCKeditor 2.6.3 配置说明
轻松实现 CKfinder进驻CKEditor3.0
将CKfinder 整合进 CKEditor3.0的方法
ASp.net下fckeditor配置图片上传最简单的方法
ckeditor 简单配置方法
asp.net CKEditor和CKFinder的应用
FCKEDITOR 的高级功能和常见问题的解决方法
CuteEditor 编辑器的字体样式无法控制的解决方法
fckeditor 修改记录添加行距功能插件
SyntaxHighlighter 语法高亮插件的使用教程

网页编辑器 中的 eWebEditor 辑器按钮失效 IE8下eWebEditor编辑器无法使用的解决方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 229 ::
收藏到网摘: n/a

最近我把IE浏览器更新到了IE8.0,在用eWebEditor在线HTML文本编辑器的时候点击eWebEditor上的所有编辑按钮都没用,只看到浏览器状态栏左下角显示网页上有错误,于是上网查了一下。终于找到解决的方法,测试后正常。

eWebEditor编辑器按钮失效,IE8下eWebEditor编辑器无法使用问题解决方法有两个,一个是下面的方法通过修改js文件,其实我们也可以使用第二种方法通过在页面中加入这一句即可。

复制代码 代码如下:

<meta http-equiv="x-ua-compatible" content="ie=7" />


复制代码 代码如下:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

上面的两个意思都是一样的,写法稍有不同。
通过修改js文件如下操作:
在eWebEditor的目录里找到Editor.js文件,路径是webedit\Include\Editor.js(版本不同路径也不一定相同新版本中webedit/js/editor.js),在其中找到如下代码:
复制代码 代码如下:

if (element.YUSERONCLICK) {
eval(element.YUSERONCLICK + "anonymous()");
}


复制代码 代码如下:

if (element.YUSERONCLICK) eval(element.YUSERONCLICK + "anonymous()");

版本不同可能写法有点区别
将上面的代码替换为
复制代码 代码如下:

if(navigator.appVersion.match(/8./i)=='8.')
{
if (element.YUSERONCLICK) eval(element.YUSERONCLICK + "onclick(event)");
}
else
{
if (element.YUSERONCLICK) eval(element.YUSERONCLICK + "anonymous()");
}

你在进入后台测试下,是不是eWebEditor编辑器按钮可以正常使用了。
用这样一段代码,对浏览器的版本做一个判断就好了,ie6下面应该也能用。
总结:
如果随着ie的升级我们要不停的加判断,那岂不是更汗。所以还是自己做一个编辑器来的划算,毕竟我们用的ewebeditor是免费的官方不会提供免费的服务。
软晨学习网增强版:
比较奇怪的是,有的朋友安装了ie8,本地弹出的navigator.appVersion是ie8,但通过编辑弹出的图看不是ie8. 如下图所示

所以我们加入的容错,因为一般只会出现这个两种情况,所以我们用容错try catch来解决一下,兼容性比上面的要好点。具体看代码
复制代码 代码如下:

if (element.YUSERONCLICK) {
try {
eval(element.YUSERONCLICK + "anonymous()");
}
catch(err) {
eval(element.YUSERONCLICK + "onclick(event)");
}
}