当前位置:首页 » HTML/CSS

解决在线编辑器kindeditor显示不正常问题

2011-05-31 14:02 本站整理 浏览(9304)

今天我换了一个HTML在线编辑器,以前一直都是用的FCKeditor,最近老发现在编辑文章的时候编辑器显示出来很慢。

后来重新下载了一个国内写的在线HTML编辑器kindeditor。现在觉得还不错,不仅小、而且样式更好看。

刚开始测试的时候我是单独在一个页面而不是在我的项目中直接使用Kindeditor编辑器的。单独测试显示正常、获取kindeditor里的数据也正常,但是我再把kindeditor调用我的项目中来后就出现问题了。

问题是:IE下测试,kindeditor可编辑区域很小,也就是没有多高。但是,在火狐下测试是没有问题。

问题原因:在网上找了很久没有找到可靠的答案,后来自己发现了。是因为css样式的问题。我将kindeditor编辑器放在了一个表格行里面,我在CSS样式中将这个表格的行设置了行高。我猜想kindeditor编辑器的排版应该也是以表格来排版的。

解决方案:我的解决方法是,将我的表格CSS样式设置的表格行高取消了。给表格行单独设置了一个类,然后就显示正常啦!

可能大家在使用kindeditor编辑器也显示不正常,但是不一定都是表格行设置了行高引起的。可能是全局的CSS样式起了作用,把kindeditor编辑器的样式打乱啦,建议大家单独设置要显示页面元素的样式。以免与kindeditor的样式发生冲突,是kindeditor显示不正常。