菜鸟一枚 现在要做个网页编辑工具
在A网页里面textarea调用cdeditor插件
怎么在cdeditor编辑框加载显示本地B.html网页内容,试了两种方法都不行忘大神指点
第一种方法:
利用iframe 但编辑器里面iframe内容无法显示 ,将iframe放到textarea外面则可以显示
是不是textarea无法嵌套iframe
怎么解决
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- <META http-equiv="X-UA-Compatible" content="IE=8" > </META> -->
<meta http-equiv="Page-Enter" content="revealTrans(duration=0.5, transition=6)">
<meta http-equiv="Page-Exit" content="revealTrans(duration=0.5, transition=13)">
<meta http-equiv="Expires" CONTENT="0">
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="jquery-1.11.2.js"></script>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">
var editorContent;
$(document).ready(function () {
editorContent = CKEDITOR.replace("content");
<!-- editorContent.setData("123456"); -->
})
</script>
<title>AAAA</title>
</head>
<body>
<textarea style="padding-bottom:"0" id="TextArea1" cols="20" rows="2" name="content" style="height:100%" style="width:100%" >
<iframe src="B.html" height="200" width="400" frameborder="0"></iframe>
</textarea>
<iframe src="B.html" height="200" width="400" frameborder="0"></iframe>
</body>
</html>
效果如下:(可以看到第二个iframe可以显示B页面内容,第一个为什么不行,主要就是想把B页面加载到编辑框中)
第二种方法:将上面代码中js部分利用 editorContent.setData()函数可以向编辑框添加内容,但好像必须是现有字符串,怎么把本地B.html页面提取转换为字符串 利用这个函数实现
<script type="text/javascript">
var editorContent;
$(document).ready(function () {
editorContent = CKEDITOR.replace("content");
editorContent.setData("123456");
})
</script>