用过ckeditor 或者熟悉js,html的大神快来帮忙

myth04 2015-05-06 11:46:40
菜鸟一枚 现在要做个网页编辑工具

在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>


...全文
259 9 打赏 收藏 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
用ajax,自己看:http://www.w3school.com.cn/jquery/ajax_ajax.asp ajax加载完毕后用ckeditor的api设置返回值到编辑器里面

var oEditor = CKEDITOR.instances.content;
oEditor.insertHtml('ajax的返回值!')
myth04 2015-05-08
  • 打赏
  • 举报
回复
顶起来 谁再指导一下
  • 打赏
  • 举报
回复
无法编辑b页面。。那个是iframe加载的页面,就算编辑器显示iframe你也无法编辑
myth04 2015-05-07
  • 打赏
  • 举报
回复
引用 4 楼 showbo 的回复:
[quote=引用 3 楼 u011863450 的回复:] [quote=引用 2 楼 showbo 的回复:] 发布后或者预览就可以了。。ckeditor修改过了,iframe,视频那种用图片容器来替代 不过你的href要使用web 路径,相对路径发布后是相对于服务器的,无法使用本地的路径,file协议居于客户端的路径也不行,一定更要http开头的url地址
如果是因为路径问题 那么第二给iframe引用的也是本地路径怎么能正常显示[/quote] 是发布后的路径。你的没直接显示iframe是ckeditor做了替换处理,iframe用图片给替换了。你提交的时候ckeditor会将编辑器的图片替换为iframe的html代码。你可以预览看编辑效果,直接编辑器看不到[/quote] 确实一预览iframe里面内容就出现了 但编辑框又没了 那在发布之前 我想在编辑器里面查看并编辑B页面 怎么把B页面加载显示出来
myth04 2015-05-07
  • 打赏
  • 举报
回复
引用 6 楼 showbo 的回复:
无法编辑b页面。。那个是iframe加载的页面,就算编辑器显示iframe你也无法编辑
那不用iframe 有什么办法将B页面内容加载到编辑框没
  • 打赏
  • 举报
回复
引用 3 楼 u011863450 的回复:
[quote=引用 2 楼 showbo 的回复:] 发布后或者预览就可以了。。ckeditor修改过了,iframe,视频那种用图片容器来替代 不过你的href要使用web 路径,相对路径发布后是相对于服务器的,无法使用本地的路径,file协议居于客户端的路径也不行,一定更要http开头的url地址
如果是因为路径问题 那么第二给iframe引用的也是本地路径怎么能正常显示[/quote] 是发布后的路径。你的没直接显示iframe是ckeditor做了替换处理,iframe用图片给替换了。你提交的时候ckeditor会将编辑器的图片替换为iframe的html代码。你可以预览看编辑效果,直接编辑器看不到
myth04 2015-05-06
  • 打赏
  • 举报
回复
引用 2 楼 showbo 的回复:
发布后或者预览就可以了。。ckeditor修改过了,iframe,视频那种用图片容器来替代 不过你的href要使用web 路径,相对路径发布后是相对于服务器的,无法使用本地的路径,file协议居于客户端的路径也不行,一定更要http开头的url地址
如果是因为路径问题 那么第二给iframe引用的也是本地路径怎么能正常显示
  • 打赏
  • 举报
回复
发布后或者预览就可以了。。ckeditor修改过了,iframe,视频那种用图片容器来替代 不过你的href要使用web 路径,相对路径发布后是相对于服务器的,无法使用本地的路径,file协议居于客户端的路径也不行,一定更要http开头的url地址
myth04 2015-05-06
  • 打赏
  • 举报
回复
坐等达人。。。

87,984

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧