Как можно писать простой редактор WYSIWYG в JavaScript?

В моем проекте мне нужно написать небольшой редактор WYSIWYG (просто дайте пользователям сделать текст полужирным/курсивом/подчеркнутым и, возможно, еще немного). Поэтому я не хотел бы использовать монстров вроде tinymce или fckeditor. Мой вопрос в том, какие элементы HTML и javascript мне нужно знать для этого? HTML-элемент, в котором я могу редактировать и форматировать текст, очень интересен в этом вопросе.

Ответ 1

Если вы хотите просмотреть свои собственные, посмотрите Midas. Он доступен в FF3 +, IE, Safari, Opera, Chrome.

В принципе, вы используете contentEditable и execCommand, чтобы превратить браузер в RTE.

Ответ 2

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

Посмотрите http://www.mozilla.org/editor/ie2midas.html

Ответ 3

Существует http://www.gosu.pl/steditor/, код которого довольно прост и понятен. Он использует designMode и execCommand, как упоминалось в других ответах.

Ответ 4

В качестве альтернативы используйте простые языки, такие как уценка или текстиль, и дайте предварительный просмотр в реальном времени.

Я думаю, что большинство людей получат звездочки для выделения и двойные для смелости.

Ответ 5

Я использовал YUI редактор wysiwyg в прошлом, и он позволяет вам настраивать кнопки, чтобы вы могли легко их использовать и ограничьте кнопки полужирным/курсивом/подчеркиванием.