Как работает редактор WMD, такой как тот, который использует StackOverFlow? - PullRequest
4 голосов
/ 17 мая 2011

Мне интересно знать, как текст, который вы вводите в текстовое поле, не требует обновления страницы? Некоторые похожие варианты включают в себя:

lixlpixel

Но они, как правило, обновляют страницу при каждом нажатии клавиши ...

1 Ответ

3 голосов
/ 17 мая 2011

У них есть переводчик Markdown to HTML, реализованный в Javascript.Всякий раз, когда содержимое текстовой области изменяется, область предварительного просмотра обновляется с результатом запуска конвертера Markdown to HTML.Очевидно, в этом есть нечто большее - заставить такие вещи работать хорошо может быть сложно - но в этом суть.

Если вы проверяете текстовую область в браузере, таком как Safari, вы можете видеть, чтоиспользование обработчиков событий Javascript для событий drop, input, keydown, keypress, keyup, mousedown и paste.Когда происходит одно из этих событий, скрипт отвечает соответствующим образом, в том числе запускает конвертер Javacript Markdown-to-HTML и помещает полученный HTML-код в область предварительного просмотра.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...