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

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

10
editor html javascript wysiwyg

5 ответов

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

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

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

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

5

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

2

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

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

0

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

-1