Jak można pisać o prostym edytorze WYSIWYG w JavaScript?

Question

W moim projekcie muszę napisać mały edytor WYSIWYG (po prostu pozwól użytkownikom pisać tekst pogrubiony/kursywa/podkreślenie, a może trochę więcej). Więc nie chciałbym używać potworów takich jak tinymce czy fckeditor. Moje pytanie brzmi: jakie elementy HTML i funkcje javascript muszę o tym wiedzieć? Element HTML, w którym mogę edytować i formatować tekst, jest bardzo interesującą rzeczą w tym pytaniu.

Answer 1

Jeśli chcesz toczyć własną rękę, spojrzeć na Midas. Jest dostępny w FF3 +, IE, Safari, Opera, Chrome.

Zasadniczo, używasz contentEditable i execCommand, aby zmienić przeglądarkę na RTE.

Answer 2

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

Wystarczy popatrzeć na http://www.mozilla.org/editor/ie2midas.html

Answer 3

Używałem już edytora WYSIWYG YUI w przeszłości i pozwala skonfigurować przyciski, dzięki czemu można z nich łatwo korzystać i ograniczyć przyciski do pogrubienia/kursywy/podkreślenia.

Answer 4

Można również użyć prostych języków, takich jak przecinek lub tkanina, i wyświetlić podgląd na żywo.

myślę, że większość ludzi będzie gwiazdki dla podkreślenia i podwójnych kodeków do pogrubienie.

Answer 5

Istnieje http://www.gosu.pl/steditor/ który kod jest dość prosty i przejrzysty. Używa on designMode i execCommand, jak wspomniano w innych odpowiedziach.