Редактор предварительного просмотра в реальном времени

Прости меня, если на это ответили. Я огляделся, но ничего не нашел.

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

Я искал подходящий элемент управления jQuery для упрощения редактирования, но все, на что я смотрел, имеет живой просмотр в другом месте на странице, кроме поля ввода. (WMD выглядит следующим образом: markitup, и т.д..)

Я хотел бы использовать что-то, что заставляет чувствовать, что вы используете текстовый процессор. Например, как TinyMCe делает это, но работает на Markdown, а не HTML

Есть ли что-нибудь подобное, или, может быть, где-нибудь, где показано, как его построить?

Чтобы уточнить, я ищу редактор, который заставляет чувствовать, что вы печатаете предварительный просмотр в прямом эфире; не текстовое поле с предварительным просмотром выше/ниже.

Ответы

Ответ 1

С тех пор я нашел то, что люблю. Редактор пера на Github делает именно то, что я хотел. Я рад, что кто-то принял это на

Ответ 2

Если я получу то, что вы ищете, то самым простым подходом будет создание HTML с TinyMCE или CKEditor, затем примените что-то вроде Markdownify к выходу, например, tinymce.getContent().

Ответ 3

Отъезд Stack Edit Это отличный редактор уценок WYSIWYG - синхронизирует с Google Docs, Dropbox и CouchDB, публикует Github (и многие другие места) и предлагает простой обмен ссылками. Вы можете получить к нему доступ на своем веб-сайте или с помощью приложения Chrome. Вы можете создавать заголовки и списки в редакторе там, и он покажет вам соответствующий текст в формате уценки. Затем вы можете сохранять, публиковать, публиковать или загружать файл.

Ответ 4

Markdown не совместим с редактором WYSIWYG. Рассмотрим этот образец Markdown:

Let link to [Google][].

  [Google]: http://www.google.com/

Если вы делаете WYSIWYG-редактор, что произойдет после ввода [Google]? Вы видите синий подчеркнутый текст? Вы бы просто видели [Google], так как это еще не действительная гиперссылка? Как насчет того, как вы наберете конец []? Это еще не полностью определенная гиперссылка; вы не можете щелкнуть по нему, потому что Markdown не знает, где он ссылается.

И как пользователь вводит следующую строку [Google]: http://www.google.com/? Эта строка не отображается; это разметка; он невидим. Где вы вводите невидимый текст в редакторе WYSIWYG?