Автоматически преобразовывать уценку в html при обновлении браузера

На этот раз Пол Айриш рассказал удивительную информацию о веб-инструментах во время googleio 2013. Итак, он представил несколько слайдов, которые были преобразованы в html из источника уценки, то есть из файла .md.

Однако одна вещь, которая меня удивила, заключалась в том, что когда он отредактировал исходную уценку для слайдов на панели источников инструментов chrome dev, а затем нажал кнопку «Обновить», .md автоматически снова скомпилировался в html для вывода в браузере. Теперь я понимаю, что изменения, которые он внес в файл уценки в инструментах разработчика Chrome, были внесены также в его локальный файл, сохраненный на компьютере, но как файл уценки автоматически преобразовывался в файл html при сохранении и обновлении браузера?

Я новичок в markdown, и мне бы очень хотелось иметь эту функциональность. Любая помощь приветствуется


html markdown automation googleio
person Annihilator8080    schedule 25.05.2013    source источник
comment
Именно мне интересно узнать, КАК он генерирует html из источника уценки при сохранении без необходимости компилировать его или вводить что-либо с терминала. Он просто сохраняет файл и обновляет браузер. Есть ли какие-нибудь библиотеки javascript, которые могут это сделать? Надеюсь, я ясно выразился @yvtty, извините, если вопрос показался двусмысленным.   -  person Annihilator8080    schedule 25.05.2013
comment
Вы когда-нибудь пытались спросить Пола Айриша? Ваш вопрос, очевидно, очень старый, поэтому он может даже не помнить сегодня, но его решение/инструмент может быть намного проще, чем то, на что оно похоже...   -  person ssc    schedule 18.03.2019

Ответы (3)


arrow_upward
3
arrow_downward

Вся цель уценки заключается в том, что она удобочитаема как для человека, так и для машины. Он предназначен для преобразования в HTML.

В зависимости от языка, который вы используете, существуют парсеры уценки, которые создают HTML для вас.

Например, для PHP.

Итак, например, чтобы ваш сервер отображал содержимое, скажем, homepage.md, ваш файл index.php мог бы иметь что-то вроде этого:

$filename = $_GET['file'];
$content  = markdown( file_get_contents( "path_to_markdown/{$filename}.md" ) );
print $content;

И, чтобы увидеть это в своем браузере, вы должны перейти на example.com/?file=homepage

person DannyB    schedule 25.05.2013
comment
Спасибо за ваш ответ @DannyB, я знаю, что уценка предназначена для анализа в HTML. Но меня больше интересует, как он достигает этого автоматически в данном случае. Он просто изменяет источник уценки в инструментах разработчика Chrome и сохраняет его, а затем при обновлении браузера изменения отражаются в html-коде. Как это происходит? - person Annihilator8080; 25.05.2013
comment
Ну, я там не был, так что не могу прокомментировать это. Но что вы ищете, кроме возможности заставить ваш сервер читать файл уценки и в результате отображать HTML? - person DannyB; 25.05.2013
comment
Я просто хочу, чтобы всякий раз, когда мой файл уценки изменяется, соответствующий вывод HTML также изменялся автоматически, и мне не приходилось снова компилировать файл .md для создания требуемого вывода при каждой модификации. Мне все равно, происходит ли это на стороне клиента или сервера. Я просто хочу, чтобы преобразование было автоматическим при изменении файла .md. - person Annihilator8080; 25.05.2013
comment
Зачем нужно компилировать жесткие версии уценки? Прочитай на лету. Если вы хотите предпринимать действия при каждом изменении файла в ОС, то это другой вопрос, который зависит от вашей операционной системы. Вы бы поместили процесс, который отслеживает изменения файлов и вызывает эту мини-компиляцию (которая делает то же самое — просто берете этот md, пропускаете его через синтаксический анализатор и сохраняете вывод). - person DannyB; 25.05.2013
comment
Большое спасибо за отредактированное решение @DannyB! Простите мой выбор слов, я согласен с вами, что гораздо эффективнее читать файл .md на файле. - person Annihilator8080; 25.05.2013

arrow_upward
1
arrow_downward

Я сделаю все возможное, чтобы ответить на это.

HTML Mark down — это сокращенный синтаксис, который может быть интерпретирован веб-браузером для форматирования или отображения страницы в формате html.

это взято из переполнения стека. например

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

Итак, как конвертировать из файла в notepad++ из текста в html. Файл будет отформатирован с использованием основных правил этого конкретного синтаксиса.

Также следует помнить, что программы не умеют читать мысли. Если код уценки недействителен, то и соответствующий HTML-код не будет действительным. Так же, как сохранение текстового файла, который "должен" быть отформатирован в html. Он не будет сохранен как рабочий HTML-файл, если синтаксис неверен.

Кроме того, уценка не является полной заменой реального кода. Он не может охватить широту и глубину истинного языка кодирования. Я мог бы сравнить это с псевдокодом, но это скорее сторонний пример.

В ответ на ваш последний комментарий: если второй файл создается из первого файла (и формат изменяется) - (в данном случае от разметки до html) - если первый файл затем редактируется без перезаписи изменений в второй файл, он не может быть изменен.

Это хорошая ссылка, которую дал мне парень SO:

https://stackoverflow.com/editing-help

Пожалуйста, не стесняйтесь редактировать, если я сделал ошибку.

person Community    schedule 25.05.2013
comment
Большое спасибо за вашу помощь @yvytty, но я понимаю, что такое уценка. Представьте, что у вас есть файл уценки, вы компилируете его с помощью уценки или другого компилятора для создания соответствующего html, который вы включаете в свою веб-страницу, размещенную локально (допустим). Если вы отредактируете часть кода в файле уценки, эти изменения не будут автоматически видны в браузере, я полагаю, потому что вы на самом деле не скомпилировали новый файл .md в файл html. Таким образом, вам придется делать это снова и снова после любого изменения исходной уценки. Я хочу добиться этого автоматически - person Annihilator8080; 25.05.2013
comment
вы абсолютно правы в том, что говорите. Если в уценке есть какие-то ошибки, я не получу нужный html. Однако меня больше интересует чтение файлов уценки и их разбор на лету. - person Annihilator8080; 25.05.2013

arrow_upward
1
arrow_downward

Я не пробовал это расширение для Chrome, но, похоже, оно автоматически отображает файлы уценки (.md) в Chrome.

В Firefox я использую следующее расширение для той же функциональности.

Нет необходимости в отдельном файле .html, просто сохраните текстовый файл с расширением .md и откройте его в браузере.

Надеюсь, это поможет.

person chishaku    schedule 07.06.2013