Представление кода с предварительным просмотром

Недавно я открыл для себя Polymer . Google предлагает несколько очень интересных видеороликов и презентаций для своей платформы. Есть несколько слайдов, которые содержат заголовок, простой текст, код HTML и его превью . Предварительный просмотр кажется интерактивным. Какое программное обеспечение я могу использовать, чтобы помочь мне получить такие результаты?

Пожалуйста, взгляните на этот слайд в их видео: ссылка .

Каковы мои интересы:

  • Редактирование презентации с помощью Markdown и HTML
  • Добавление блоков кода HTML/JavaScript/CSS
  • Генерация превью блоков кода, которые я хочу
  • Получение какого-то представления докладчика параллельно с самой презентацией
Нам потребуется гораздо больше информации, чтобы дать здесь хорошие рекомендации. Пожалуйста, взгляните на Что требуется, чтобы вопрос содержал «достаточно информации»? Затем, пожалуйста, отредактируйте свой вопрос и посмотрите, сможете ли вы включить некоторые из этих улучшений. В частности, ожидается, что вопросы здесь будут в основном автономными, т. е. в явном виде перечисляют все требования. «Пожалуйста, посмотрите здесь (ссылка) и там (ссылка) для того, что мне нужно» недостаточно, хотя можно включить ссылки для дальнейшего ознакомления.
«Какое программное обеспечение они используют для» здесь не по теме.
Я хочу, чтобы программное обеспечение могло делать то, что они делают. Почему запрос рекомендаций не по теме на веб-сайте под названием «Рекомендации по программному обеспечению»?
Это было не по теме, прежде чем вы отредактировали этот вопрос, потому что вы ожидали, что мы узнаем, почему они использовались. Этот сайт, если вы посмотрите на другие вопросы и справочный центр, предназначен для рекомендации программного обеспечения с конкретными требованиями. В противном случае вы могли бы также найти программу в Google или прокомментировать это видео. Ваша новая версия намного лучше, потому что она говорит нам, что именно вы хотите. Надеюсь, теперь вы понимаете, почему Иззи и Ян сказали то, что сделали :)

Ответы (1)

Я сталкивался с аналогичными проблемами с веб-редакторами уценки (т. е. без поддержки предварительного просмотра в реальном времени или уценки в духе Github), поэтому я создал свой собственный виджет на основе Parsedown Extra и TCPDF (для вывода MD в PDF через HTML).

Вы можете адаптировать его для своих целей.

Если вы ищете программное обеспечение для настольных компьютеров, я рекомендую Atom (у меня он не запускается в Debian), Remarkable (только для GNU/Linux) или Markdown Pad (Windows). Все эти редакторы поддерживают предварительный просмотр в реальном времени, Markdown Extra и синтаксис Github.