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

Question

In my project I need to write small WYSIWYG editor (just let users make text bold/italic/underline and maybe some more). So I wouldn't like to use monsters like tinymce or fckeditor. My question is what HTML elements and javascript functions do I need to know for it? An HTML element in which I can edit and format text is a very interesting thing in this question.

Answer 1

If you want to roll your own, look at Midas . It's available in FF3+, IE, Safari, Opera, Chrome.

Basically, you use contentEditable and execCommand to turn the browser into an RTE.

Answer 2

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

请访问http://www.mozilla.org/editor/ie2midas.html

Answer 3

There is http://www.gosu.pl/steditor/ which code is quite simple and clear. It uses designMode and execCommand as was mentioned in other answers.

Answer 4

Alternatively use simple languages like markdown or textile and provide a live preview.

I think most people will get asterisks for emphasis and double ones for bolding .

Answer 5

我过去使用过YUI的所见即所得编辑器，它允许你配置按钮，这样你就可以轻松使用它并将按钮限制为粗体/斜体/下划线。