Markdown Live Preview Editor?

Question

Atualmente, estou usando Textmate para criar documentos Markdown, mas é necessário pressionar Ctrl Opção Cmd + P toda vez que eu quero 'atualizar' a janela de saída do Markdown. Essencialmente, estou usando como um processador de texto.

Existe um editor Markdown para Mac OS X que suporta wysiwig / live update do conteúdo? Talvez o Textmate já faça isso?

    

Answer 1

Se você quiser usar o TextMate, altere a associação de idioma do seu arquivo para 'HTML'. Na janela de visualização há uma gaveta que oferece a opção de passar o texto pelo 'Markdown.pl'. (Veja a imagem).

AalternativaqueeuusoparaoMakrdownnãoéumaplicativooficialmentelançado,maspessoalmenteeuuso markdownlive por Jonathan 'Wolf' Rentzsch. É open source disponível no GitHub e vai exigir que você o compile usando o Xcode. Também permite que você copie o HTML gerado (o que eu gosto de usá-lo por um bom tempo).

    

Answer 2

Existe também o "Mou", um editor ao vivo para o Mac OS X (Lion). Ainda está em beta, mas funciona muito bem! link

When current available Markdown editors are almost all for general writers, Mou is different: It's for web developers. Syntax highlighting, live preview, fullscreen mode, auto save, powerful actions, auto pair, incremental search, custom themes, HTML export, enhanced CJK characters support.

    

Answer 3

Somente para Mac, Marcado oferece visualização de marcação e multimarga para qualquer editor de texto. A visualização é atualizada quando você salva o arquivo de texto.

O MarkdownPad é para Windows, mas oferece uma visualização ao vivo.

OReTextestádisponívelparaoutrasplataformaseofereceumavisualizaçãoaovivodoMarkdownprocessado:

ReText is a simple text editor for Markdown syntax. It is written in Python using Qt libraries, able to run on any platforms (Linux and BSD are officially supported)

Emboranãosejaoficialmentesuportado,existem instruções de instalação do Windows ; no entanto, tive que fazer algumas modificações para que eles funcionassem (o conjunto completo com minhas correções é mostrado abaixo):

Instalação

1. Instalar Python27
2. Instale o PyQT pré-compilado para PyQt-Py2.7-x86-gpl-4.8.3-1.exe
   PyQt-Py2.7-x86-gpl-4.8.4-1.exe
3. Instale o easy_install setuptools-0.6c11.win32-py2.7.exe
4. Atualize as variáveis ambientais do seu computador. Clique em Start , clique com o botão direito do mouse em My Computer , selecione Properties , selecione a guia Advanced e clique em Environment Variables .
5. Abaixo de System Variables , clique em New . Sob o nome da variável, insira PYTHONPATH . Em Variable value enter C:\Python27\Lib\;C:\Python27\Lib\site-packages\
6. Selecione a variável do sistema PATH click Edit . Atualize o PATH variable value adicionando C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin; à frente das entradas existentes para que seja lida como PATH=C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;...
7. Instale bibliotecas Python adicionais. Selecione Start , em seguida, Run , tipo cmd , em seguida, cd \python27\scripts . Entrar:
   • easy_install Pygments
   • easy_install ElementTree
   • easy_install Markdown
   • easy_install gdata
8. Baixe e descompacte o ReText atual (ATM 0.8.1 )
9. Faça o download e descompacte Ícones de ReText
10. Coloque os ícones descompactados na pasta ReText \ icons
11. Navegue até o arquivo retext.py (provavelmente em c:\retext ). Clique com o botão direito do mouse em arrastar e soltar retext.py e selecione Create shortcuts here .
12. Clique com o botão direito do mouse no atalho para ajustar as propriedades.
13. Alterar target para "C:\Python27\python.exe" retext.py e Run para minimized .
14. Altere o ícone (o que exigirá que você crie um arquivo .ico de um dos arquivos .png descompactados acima no diretório ReText/icons , o que pode ser feito aqui
15. Altere o nome do atalho na guia geral, se desejar.

Answer 4

O MarkdownLive faz exatamente o que você deseja, gratuito e de código aberto.

Faça o download do lançamento pelo GitHub ou pela versão 1.7.1 de aqui .

    

Answer 5

BBEdit faz isso fora da caixa: defina o tipo de documento atual como Markdown, abra Visualizar no BBEdit e digite longe. A janela de visualização é atualizada automaticamente, mostrando o texto exatamente do jeito que você quer.

Consulte a página 277 do Manual do usuário do BBEdit para obter detalhes.

    

Answer 6

O modo de marcação do Emacs oferece uma visualização ao vivo enquanto você escreve, além de uma visualização completa do HTML / Navegador com C-c C-p .

    

Answer 7

nvALT - bloco de velocidade notacional

    

Answer 8

vim-instant-markdown é um plugin vim que mostra atualizações quase instantâneas no navegador da web padrão do seu sistema . Ele até funciona no MacVim, embora eu tenha que mexer com o $ PATH um pouco.

    

Answer 9

O Smultron recentemente recuperado também pode ser usado sem pressionar nenhuma tecla:

1. Defina "Parser de visualização" como "Markdown" nas preferências avançadas em "Really Advanced".
2. Em seguida, abra a janela de visualização com "Ferramentas" / "Visualizar". Voilà.

Answer 10

Textos para Mac OS X e Windows.

    

Answer 11

Os usuários do Windows podem usar o Resophnotes para escrever seu texto no Markdown e usar o ícone "HTML" para visualizar o texto marcado e exportar o texto formatado em HTML.

link

    

Answer 12

Eu poderia também ter um link para minha pergunta sobre SU - onde eu procurei o mesmo, apenas baseado em PHP / JavaScript (que pode ser executado em um servidor instalado localmente):

Markdown aplicativo web PHP de "página única" com visualização ao vivo ? [fechado] - Superusuário