| 主题: 在火狐下,将kindeditor放入隐藏DIV中，用JS控制DIV显示，编辑器不显示问题？ |
| 作者: 仿秀达人, 发布日期: 2013-02-04 18:41:39, 浏览数: 8609 |
|
如题所说，在火狐浏览器下有两个DIV分别为DIV1和DIV2，并且每个DIV里都有一个编辑器，其中DIV1显示，一个DIV2隐藏，DIV1中的编辑器显示正常，当用JS控制DIV2显示时，DIV2里的编辑器不能表示，但看浏览器源码时，发现DIV2中的编辑器源码存在，但不能表示，请问这个是什么原因？ 能解决吗？ |
| 作者: 小浪子, 发布日期: 2013-02-04 20:50:11 |
|
既然你的div2用了js控制了的。那就只能用异步加载了。 当你用js进行将div2显示的同时进行异步加载编辑器。 http://www.kindsoft.net/ke4/examples/dynamic-load.html
|
| 回复 |
| 作者: 仿秀达人, 发布日期: 2013-02-05 08:56:51 |
|
回复小浪子：编辑器中得值怎么办？ 除了预加载之外没有其他的办法吗？如果是这样，那只能说这编辑器的兼容性有些不完美了！
|
| 回复 |
| 作者: 小浪子, 发布日期: 2013-02-05 09:17:24 |
|
回复仿秀达人： 你发你的代码。。
另外。哪一宽编辑器。可以达到你说的效果？？这个你说的问题和兼容性有毛的关系？？
所谓的兼容性。是和浏览器有关。。 |
| 回复 |
| 作者: 小浪子, 发布日期: 2013-02-05 09:31:49 |
|
回复仿秀达人： <!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Test Examples</title>
<style type="text/css">
form {
margin: 0;
}
textarea {
display: block;
}
</style>
<script charset="utf-8" src="../kindeditor-min.js"></script>
<script charset="utf-8" src="../lang/zh_CN.js"></script>
<script type="text/javascript">
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content1"]');
});
function doLoad() {
if (KindEditor('#div2').css('display') == 'none') {
KindEditor('#div2').css('display', 'block');
KindEditor.create('textarea[name="content2"]');
} else {
KindEditor('#div2').css('display', 'none');
}
}
</script>
</head>
<body>
<h3>Test</h3>
<form>
<div id="div1">
<textarea name="content1" style="width:800px;height:200px;"></textarea>
</div>
<input type="button" onClick="doLoad();" value="测试加载div2">
<div id="div2" style="display:none;">
<textarea name="content2" style="width:800px;height:200px;"></textarea>
</div>
</form>
</body>
</html>
|
| 回复 |
| 作者: 1980lm.com, 发布日期: 2014-01-03 10:26:21 |
|
太简单了，在textarea 加个宽 就OK了 |
| 回复 |
