如何在JavaScript中编写简单的WYSIWYG编辑器？

Question

在我的项目中，我需要编写小的WYSIWYG编辑器（只是让用户使用粗体/斜体/下划线以及更多文本）。所以我不想使用像tinymce或fckeditor这样的怪物。我的问题是我需要知道的HTML元素和JavaScript函数是什么？在这个问题中，我可以编辑和格式化文本的HTML元素非常有趣。

Answer 1

如果您想自己动手，请查看Midas。它可以在FF3 +，IE，Safari，Opera，Chrome中使用。

基本上，您使用contentEditable和execCommand将浏览器变为RTE。

Answer 2

document.getElementById('edit').contentDocument.designMode = "on";

查看http://www.mozilla.org/editor/ie2midas.html

Answer 3

http://www.gosu.pl/steditor/代码非常简单明了。它使用了其他答案中提到的designMode和execCommand。

Answer 4

或者使用简单的语言，如markdown或textile，并提供实时预览。

我认为大多数人会得到强调星号和加粗。

Answer 5

我过去曾使用YUI的所见即所得编辑器，它可让您配置按钮，以便轻松使用它并将按钮限制为粗体/斜体/下划线。