Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在网页上模拟/实现WYSWYG编辑器？_Javascript_Jquery_Ckeditor_Fckeditor - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何在网页上模拟/实现WYSWYG编辑器？

Javascript 如何在网页上模拟/实现WYSWYG编辑器？

javascript jquery ckeditor

Javascript 如何在网页上模拟/实现WYSWYG编辑器？,javascript,jquery,ckeditor,fckeditor,Javascript,Jquery,Ckeditor,Fckeditor,我只知道它使用了一个IFRAME标记作为它的表示层，它如何存储数据，它如何在所见即所得模式和源模式之间切换？大多数浏览器所见即所得编辑器（谷歌文档是一个明显的例外）使用该属性使元素可编辑 数据不需要以任何特殊方式存储，它只是可编辑节点的HTML内容 通过将可编辑元素的innerHTML转储到textarea中，显示textarea，并隐藏可编辑元素，切换到源代码模式 通过谷歌搜索contenteditable可以找到大量信息和教程。大多数浏览器所见即所得编辑器（谷歌文档是一个明显的例外）使用该属

我只知道它使用了一个
IFRAME
标记作为它的表示层，它如何存储数据，它如何在所见即所得模式和源模式之间切换？

大多数浏览器所见即所得编辑器（谷歌文档是一个明显的例外）使用该属性使元素可编辑

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

通过将可编辑元素的
innerHTML
转储到
textarea
中，显示
textarea
，并隐藏可编辑元素，切换到源代码模式

通过谷歌搜索
contenteditable

可以找到大量信息和教程。大多数浏览器所见即所得编辑器（谷歌文档是一个明显的例外）使用该属性使元素可编辑

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

通过将可编辑元素的
innerHTML
转储到
textarea
中，显示
textarea
，并隐藏可编辑元素，切换到源代码模式

你可以通过谷歌搜索
contenteditable

找到很多信息和教程，我会使用其中一个：

示例：

我会使用许多免费软件中的一个：

例如：