如何用jquery来实现html 的标签可以直接编辑
时间：2009-07-10
来源：互联网
像现在这个BBS的编辑器，用到的是textarea
但是fck editor，没有用textarea,直接是在div 或别的html tag上编辑，
应该用到了JS，有谁了解思路吗？
比如点击这段代码，<div>agcaaaaaaaaaaaaaa</div>可以让它变成可编辑状态。
如果用jquery来做，怎么弄呢？
用contentEditable和designMode实现可编辑的页面
http://www.keakon.cn/bbs/thread-1364-1-2.html
但是fck editor，没有用textarea,直接是在div 或别的html tag上编辑，
应该用到了JS，有谁了解思路吗？
比如点击这段代码，<div>agcaaaaaaaaaaaaaa</div>可以让它变成可编辑状态。
如果用jquery来做，怎么弄呢？
图片:
'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" title="Click Here To EnLarge">
不知道你想问的是不是这个：'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" title="Click Here To EnLarge">
用contentEditable和designMode实现可编辑的页面
http://www.keakon.cn/bbs/thread-1364-1-2.html
作者: shgen 发布时间: 2009-07-10
是的，是楼上这样的，谢谢。
另外，如果编辑后，刷新后，又恢复原样了，那要怎么才可以保存？
另外，图片上的fck用到的是iframe body p----这个P上没有contenteditable，然后我用firebug给P加上contenteditable=false后，它仍旧可以编辑。
那它是不是用了别的方法让代码可编辑？
另外，如果编辑后，刷新后，又恢复原样了，那要怎么才可以保存？
另外，图片上的fck用到的是iframe body p----这个P上没有contenteditable，然后我用firebug给P加上contenteditable=false后，它仍旧可以编辑。
那它是不是用了别的方法让代码可编辑？
[ 此帖被shgen在2009-07-10 11:34重新编辑 ]
作者: keakon 发布时间: 2009-07-10
看下人[家给你的文章嘛...
document.body还有个designMode属性，当它为"on"时，这整个页面就能编辑了。不过由于只有body有这个属性，所以一般是用iframe来实现的。
document.body还有个designMode属性，当它为"on"时，这整个页面就能编辑了。不过由于只有body有这个属性，所以一般是用iframe来实现的。
作者: shgen 发布时间: 2009-07-10
谢谢，
我现在想用iframe来实现，我再找找。
我现在想用iframe来实现，我再找找。
作者: jamix 发布时间: 2009-07-10
自己做富文本编辑器么？
提供一个jQuery的
http://markitup.jaysalvat.com/examples/html/
提供一个jQuery的
http://markitup.jaysalvat.com/examples/html/
作者: shgen 发布时间: 2009-07-10
这个好是好，用在别的地方可能蛮适合的。
不过不是iframe的，我现在需要ifrmae的，就像fck那样。
而且他也像fck那样所见即所得，图片也没有直接显示出来，显示的是代码。
不过不是iframe的，我现在需要ifrmae的，就像fck那样。
而且他也像fck那样所见即所得，图片也没有直接显示出来，显示的是代码。
[ 此帖被shgen在2009-07-10 16:33重新编辑 ]
作者: kjah 发布时间: 2009-07-10
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
