如何在网页上模拟/实现所见即所得编辑器
How to mimic/implement a WYSWYG editor on a web page?
我只知道它使用IFRAME
标记作为表示层,它如何存储数据,如何在WYSIWYG模式和源模式之间切换?
浏览器中的大多数所见即所得编辑器(Google Docs是一个显著的例外)使用contenteditable属性使元素可编辑。
数据不需要以任何特殊的方式存储,它只是可编辑节点的HTML内容。
通过将可编辑元素的innerHTML
转储到textarea
中,显示textarea
并隐藏可编辑元素,切换到源模式。
你可以通过谷歌contenteditable
找到很多信息和教程。
我会使用许多免费的之一:
http://akzhan.github.com/jwysiwyg/
示例:http://akzhan.github.com/jwysiwyg/help/examples/03-ajax.html
相关文章:
- 基于Jquery的所见即所得,具有直播的可能性
- 代理一个网站能够在iframe中进行所见即所得编辑-它是如何工作的
- 使用PageMod将所有文本框转换为所见即所得HTML编辑器
- JavaScript:将所见即所得编辑器对实时站点的更改转换为jQuery操作
- 所见即所得编辑器适用于速度模板
- 输入法所见即所得编辑器不在mysql数据库中存储值
- 使用SCEditor(所见即所得BBCode)时无法验证空字段
- 如何使用我自己的所见即所得编辑器插入图像
- 所见即所得内容中的撤消和重做SWT中的可编辑内容;不起作用
- 如何在execCommand所见即所得编辑器中查找选定的文本字体大小和名称
- Meteor/Iron路由器-何时何地运行JS以交换到所见即所得
- 使用MathJax的数学方程所见即所得编辑器
- 如何制作一个非常基本的所见即所得
- 所见即所得,没有 HTML 标记
- Javascript - 在将标签环绕后重新选择文本不起作用?所见即所得
- Javascript:在所见即所得编辑器中的插入符号处粘贴文本
- Eclipse Web Development - 安装哪些插件以及如何获取 Dojo, Ajax - 所见即所得开发
- 使用 strip_tags() 和 preg_replace() 显示所见即所得/TinyMCE 文本编辑器中输入的文本
- 如何在网页上模拟/实现所见即所得编辑器
- 使用HTML/CSS/JQuery实现一个所见即所得的报表生成器