原文地址：http://ui-patterns.com/patterns/WYSIWYG

问题总结

用户想要创建包含富媒体以及格式化文本的内容，但是没有HTML这方面的知识，或者没有时间来编写。

示例

用法

当您想让用户清楚地知道他们的内容在发布时会是什么样子时使用，WYSIWYG即“你所看到的就是你所得到的（What You See Is What You Get）”的首字母缩略词。

当网站的用户不习惯使用HTML代码或标记语言（如组织或标记）对文本进行格式化时使用。

当你想要降低用户在你的网站上添加格式化内容的障碍时使用。

当你想要使用一种简单的方法将媒体集成到不需要HTML或者任何其他语法知识的网站的格式化内容中时使用。

当用户倾向于花时间调整其内容上的小细节时使用。所见即所得允许用户在编辑时看到格式化后的结果，这快速又好看的结果增加了他们的信心。

如果你想要保持HTML语法干净的话，请不要使用，众所周知，许多所见即所得编辑器都会产生臃肿、凌乱的HTML代码。

如果你希望编辑器能早所有浏览器中运行的话，请不要使用，所见即所得编辑器很少支持所有浏览器，即使支持，通常也只支持该浏览器的最新版本。

解决方案

网上有许多javascript库可以将<textarea／>HTML元素转换为功能齐全的所见即所得编辑器。编辑器展示了一个既是输入又最终格式化输出的工作区。编辑的内容会作为HTML存储在数据库中。

编辑器可以根据用户的需求进行定制。你可以禁用不必要的功能，你也可以选择不允许插入图像、更改字体颜色或者大小——甚至强制用户只能使用预定义的CSS类列表。

基本原理

所见即所得最初是在WordPerfect和MicrosoftWord等文字处理器中采用的。这是一种革命性的文档编写方式，屏幕上的编辑器模仿了打印结果。

最近，所见即所得编辑器被网页上的表单所采用。以前，长文本被插入到<textarea／>字段中，没有任何格式化选项，所见即所得编辑器现在允许输入模拟屏幕上显示的内容。