以下是演示:
http://www.kevinroth.com/rte/demo.htm
当我使用Firebug检查源代码时,发现它只是一个iFrame,但是如何使iFrame具有文本区域的行为呢?你有什么实现的想法吗?谢谢。
以下是演示:
http://www.kevinroth.com/rte/demo.htm
当我使用Firebug检查源代码时,发现它只是一个iFrame,但是如何使iFrame具有文本区域的行为呢?你有什么实现的想法吗?谢谢。
我现在正在为我的工作做这个,因此我已经进行了一些研究。从我所了解的情况来看,有两种方法可以完成这个操作:
使用JavaScript中的document.designMode
,将整个HTML文档设置为可编辑状态。由于整个HTML文档都是可编辑的,因此可能需要使用iframe
来封装编辑,以便用户不能编辑任何您不想编辑的页面部分。
从我所看到的,您提供的演示和TinyMCE使用了这种方法。
contenteditable
HTML属性类似,但不需要使用iframe
。您只需将属性添加到标记中,其中所有的HTML都会变成带有闪烁光标的可编辑状态。
这是一个演示:http://html5demos.com/contenteditable
contenteditable
用于我的任务。这里提供了关于该主题的良好概述和详细信息: http://blog.whatwg.org/the-road-to-html-5-contenteditable使用http://www.tinymce.com/。它是最好的富文本编辑器之一,与任何浏览器都能很好地配合,并拥有许多选项。非常易于使用,只需要查看示例和文档即可。它还包含在许多流行的博客和CMS中。
isContentEditable
CSS 属性在 IFRAME body 上为 true。请点个赞 :-) - jabal