web-dev-qa-db-ja.com

Markdown Live Preview Editor？

Markdownドキュメントの作成にTextmateを使用していますが、 CtrlOptionCmd + P Markdown出力ウィンドウを「更新」するたびに。基本的にはワープロのように使っています。

コンテンツのwysiwig/live更新をサポートするMac OS X用のMarkdownエディターはありますか？多分Textmateはすでにこれをしていますか？

macostextmatemarkdownword-processingwysiwyg
79
Brock Woolf

TextMateを使用する場合は、ファイルの言語の関連付けを「HTML」に変更します。プレビューウィンドウには、「Markdown.pl」を介してテキストをパイプするオプションを提供する引き出しがあります。 （スクリーンショットを参照）。

Markdown

Makrdownに使用する代替手段は公式にリリースされたアプリではありませんが、個人的にはJonathan 'Wolf' Rentzschによる markdownlive を使用しています。これはGitHubで利用できるオープンソースであり、Xcodeを使用してコンパイルする必要があります。また、生成されたHTML（私がかなり使いたいもの）をコピーすることもできます。

40
Chealion

Mac OS X（Lion）のライブエディターである「Mou」もあります。まだベータ版ですが、うまく動作します！ http://mouapp.com/

現在利用可能なMarkdownエディターがほとんどすべての一般的なライター向けである場合、Mouは異なります。それはWeb開発者向けです。構文の強調表示、ライブプレビュー、フルスクリーンモード、自動保存、強力なアクション、自動ペアリング、インクリメンタル検索、カスタムテーマ、HTMLエクスポート、拡張CJK文字のサポート。

enter image description here

62
dzen

Macのみ Marked は、任意のテキストエディターにマークダウンとマルチマークダウンのプレビューを提供します。テキストファイルを保存すると、プレビューが更新されます。

Marked screenshot

MarkdownPad はWindows用ですが、ライブプレビューを提供します。

MarkdownPad screenshot

ReTextは他のプラットフォームでも使用でき、レンダリングされたMarkdownのライブプレビューを提供します。

ReText は、Markdown構文用のシンプルなテキストエディターです。これは、Pythonで記述され、Qtライブラリを使用して、任意のプラットフォームで実行できます（LinuxおよびBSDは公式にサポートされています）

ReText screenshot

公式にはサポートされていませんが、 Windowsインストール手順 もあります。ただし、機能させるためにいくつかの変更を加える必要がありました（修正を加えた完全なセットを以下に示します）。

Installation

  1. インストール Python27
  2. プリコンパイルされたPyQTをインストールする PyQt-Py2.7-x86-gpl-4.8.3-1.exePyQt-Py2.7-x86-gpl-4.8.4-1.exe
  3. Easy_installのインストール setuptools-0.6c11.win32-py2.7.exe
  4. マイコンピュータの環境変数を更新します。 Startをクリックし、My Computerを右クリックして[Properties]を選択し、[Advanced]タブを選択して[Environment Variables]をクリックします。
  5. System Variablesの下のNewをクリックします。変数名の下にPYTHONPATHと入力します。 Variable valueの下にC:\Python27\Lib\;C:\Python27\Lib\site-packages\と入力します
  6. システム変数PATHを選択し、Editをクリックします。既存のエントリの前にvariable valueを追加してPATH C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;を更新し、PATH=C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;...のようになります。
  7. 追加のPythonライブラリをインストールします。Startを選択してからRunを入力し、cmdを入力してからcd \python27\scriptsを入力します。次を入力：
    • easy_install Pygments
    • easy_install ElementTree
    • easy_install Markdown
    • easy_install gdata
  8. 現在のReTextをダウンロードして解凍（ATM .8.1 ）
  9. ダウンロードして解凍 ReTextアイコン
  10. 解凍したアイコンをReText\iconsフォルダに配置します
  11. Retext.pyファイルに移動します（おそらくc:\retextにあります）。ドラッグアンドドロップでretext.pyを右クリックし、[Create shortcuts here]を選択します。
  12. プロパティを調整するには、ショートカットを右クリックします。
  13. targetを"C:\Python27\python.exe" retext.pyに、Runをminimizedに変更します。
  14. アイコンを変更します（これにより、.icoファイルを上記で解凍した.pngファイルの1つからReText/iconsディレクトリに作成する必要があります。これを行うには こちら
  15. 必要に応じて、[全般]タブのショートカット名を変更します。
28
Adam Wuerl

MarkdownLive は、あなたが望むものを正確に実行し、フリーでオープンソースです。

GitHubまたはバージョン1.7.1から here からリリースをダウンロードします。

enter image description here

19
0xced

BBEdit はこれをすぐに実行します。現在のドキュメントタイプをMarkdownに設定し、BBEditでプレビューを開いて入力します。プレビューウィンドウが自動更新され、テキストが思い通りに表示されます。

詳細は BBEdit User Manual の277ページを参照してください。

7
Dori

Emacsマークダウンモードでは、作成中にライブプレビューが表示され、C-cC-pを使用した完全なHTML /ブラウザープレビューも表示されます。

enter image description here

5
ocodo

nvALT-表記速度フォーク

nvalt

4
Lri

vim-instant-markdown は、システムのデフォルトのWebブラウザーでほぼ瞬時の更新を表示するvimプラグインです。 MacVimでも動作しますが、$ PATHを少しいじる必要がありました。

3
wfaulk

最近復活した Smultron は、キーを押さなくても同じことができます。

  1. 「Really Advanced」の詳細設定で「Preview Parser」を「Markdown」に設定します。
  2. 次に、「ツール」/「プレビュー」でプレビューウィンドウを開きます。ボイラ。
2
Beat Rupp

テキスト Mac OS XおよびWindowsの場合。

Texts Screenshot

2
Fedor Sheremetyev

Windowsユーザーは、Resophnotesを使用してテキストをMarkdownに書き込み、「HTML」アイコンを使用してマークアップされたテキストをプレビューしてから、html形式のテキストをエクスポートできます。

http://www.resoph.com/ResophNotes/Welcome.html

0
ejmurray

私は同様に私のSU質問へのリンクを持っているかもしれません-私は同じものを探しましたが、PHP/JavaScriptベースだけです（ローカルにインストールされたサーバーで実行できます）：

Markdown "単一ページ" PHPライブプレビュー付きのWebアプリケーション？[終了]-スーパーユーザー

0
sdaau

古いが、まだ関連性のある質問。答えはすべて8〜10年前のように見えますが、今日の答えは Typora だと思います。

申し訳ありませんが、これに似たものはありません。エディターにmarkdownと入力すると、Typoraが「コード」を表示します。アクティブに編集されたパッセージを完了すると、Typoraはそれをrenderedテキストとして折りたたみます。

FWIW、それも無料（$）でオープンソースです。

0
Seamus