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

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

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

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

Answer 5

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