| 主题: 在同个页面内生成多个富文本编辑框 图片选中 页面链接跳转失效（ie8） |
| 作者: nanjing517, 发布日期: 2014-03-27 20:38:45, 浏览数: 2505 |
|
操作系统:
win7 浏览器版本: ie8 KindEditor版本: 4.10 BUG再现步骤: 1.在同一页面中生成超过3个富文本编辑框 并用图片插件，给各个编辑框插入多张图片； 2.在ie8中选中第三个编辑框中的图片，点击编辑框外的任意按钮或链接；焦点还落在选中图片上，外部按钮或链接无法点击 3.在如下页面中插入超链接图片，测试，出现该问题 4.该问题在ie8下测试存在
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Default Examples</title>
<style>
form {
margin: 0;
}
textarea {
display: block;
}
</style>
<link rel="stylesheet" href="../themes/default/default.css" />
<script charset="utf-8" src="../kindeditor-min.js"></script>
<script charset="utf-8" src="../lang/zh_CN.js"></script>
<script>
var editor;
var editor2;
var editor3;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
allowFileManager : true
});
editor2 = K.create('textarea[name="content2"]', {
allowFileManager : true
});
editor3 = K.create('textarea[name="content3"]', {
allowFileManager : true
});
K('input[name=getHtml]').click(function(e) {
alert(editor.html());
});
K('input[name=isEmpty]').click(function(e) {
alert(editor.isEmpty());
});
K('input[name=getText]').click(function(e) {
alert(editor.text());
});
K('input[name=selectedHtml]').click(function(e) {
alert(editor.selectedHtml());
});
K('input[name=setHtml]').click(function(e) {
editor.html('<h3>Hello KindEditor</h3>');
});
K('input[name=setText]').click(function(e) {
editor.text('<h3>Hello KindEditor</h3>');
});
K('input[name=insertHtml]').click(function(e) {
editor.insertHtml('<strong>插入HTML</strong>');
});
K('input[name=appendHtml]').click(function(e) {
editor.appendHtml('<strong>添加HTML</strong>');
});
K('input[name=clear]').click(function(e) {
editor.html('');
});
});
</script>
</head>
<body>
<a href="javascript:;" target="_blank">123</a>
<h3>默认模式</h3>
<form>
<textarea name="content" style="width:800px;height:400px;visibility:hidden;">KindEditor</textarea>
<p>
<input type="button" name="getHtml" value="取得HTML" />
<input type="button" name="isEmpty" value="判断是否为空" />
<input type="button" name="getText" value="取得文本(包含img,embed)" />
<input type="button" name="selectedHtml" value="取得选中HTML" />
<br />
<br />
<input type="button" name="setHtml" value="设置HTML" />
<input type="button" name="setText" value="设置文本" />
<input type="button" name="insertHtml" value="插入HTML" />
<input type="button" name="appendHtml" value="添加HTML" />
<input type="button" name="clear" value="清空内容" />
<input type="reset" name="reset" value="Reset" />
</p>
<textarea name="content2" style="width:800px;height:400px;visibility:hidden;">KindEditor2</textarea>
<p>222222222222222222222</p>
<textarea name="content3" style="width:800px;height:400px;visibility:hidden;">KindEditor3</textarea>
<p>33333333333333333333333333</p>
</form>
</body>
</html>
|
