如何在网页上模仿/实现WYSIWYG编辑器?

时间:2012-02-16 06:42:49

标签: javascript jquery ckeditor fckeditor

我所知道的是它使用IFRAME标签作为表示层,它如何存储数据,如何在 WYSIWYG 模式和源模式之间切换?

2 个答案:

答案 0 :(得分:1)

大多数浏览器内 WYSIWYG 编辑器(Google文档是一个值得注意的例外)使用contenteditable属性使元素可编辑。

数据不需要以任何特殊方式存储,它只是可编辑节点的HTML内容。

切换到源模式,将可编辑元素的innerHTML转储到textarea,显示textarea,并隐藏可编辑元素。

您可以通过Google搜索contenteditable找到大量信息和教程。

答案 1 :(得分:0)