Markdown Live Preview Editor?


78

Atualmente, estou usando Textmatepara criar documentos Markdown, mas é necessário pressionar CtrlOptionCmd+ Ptoda vez que eu quero 'atualizar' a janela de saída Markdown. Basicamente, estou usando-o como um processador de texto.

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


Pesquisando o mesmo para Linux, ainda esta pergunta é muito útil (existem alguns programas portáteis aqui)
Dacav

Existem vários editores com recursos de visualização / wysiwyg em linha aqui: softwarerecs.stackexchange.com/questions/5746/…
gaborous

Respostas:


40

Se você deseja usar o TextMate, altere a associação de idioma do seu arquivo para 'HTML'. Na janela Visualizar, há uma gaveta que oferece a opção de canalizar o texto através de 'Markdown.pl'. (Veja a captura de tela).

Markdown

A alternativa que eu uso para o Makrdown não é um aplicativo lançado oficialmente, mas pessoalmente eu uso o markdownlive de Jonathan 'Wolf' Rentzsch. É de código aberto disponível no GitHub e exigirá que você o compile usando o Xcode. Ele também permite que você copie o HTML gerado (o que eu gosto de usá-lo um pouco).


Eu tentei markdownlive. Funciona, mas, como você disse, está em desenvolvimento e é bastante primitivo na maneira de colorir a sintaxe. Vou tentar outro método em breve.
Brock Woolf

2
você não precisa definir seu tipo de arquivo para html. se você usar o pacote de descontos, basta remover a ativação equivalente chave da visualização nas configurações do pacote. então, a visualização da Web de show do textmate no menu da janela fornecerá uma visualização ao vivo.
precisa saber é o seguinte

E o multimarkdown?
precisa saber é o seguinte

5
Você não tem que construir MarkdownLive-se: github.com/rentzsch/markdownlive/downloads
Matt Bola

+1 Para o comentário de @ yanokwa. Eu particularmente gosto deste fork do plugin remarcação, que bem preserva coisas como recuo para listas não ordenadas: github.com/fletcher/markdown.tmbundle
user72923

62

Há também o "Mou", um editor ao vivo para Mac OS X (Lion). Ainda está na versão beta, mas funciona muito bem! http://mouapp.com/

Quando os editores atuais do Markdown disponíveis são quase todos para escritores gerais, Mou é diferente: é para desenvolvedores da web. Destaque de sintaxe, visualização ao vivo, modo de tela cheia, salvamento automático, ações poderosas, par automático, pesquisa incremental, temas personalizados, exportação de HTML, suporte aprimorado a caracteres CJK.

insira a descrição da imagem aqui


4
Mou parece ótimo, mas requer Lion.
Thilo

28

Somente para Mac, Marcado fornece pré-visualização de descontos e multi-descontos para qualquer editor de texto. A visualização é atualizada quando você salva o arquivo de texto.

Captura de tela marcada


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

Captura de tela do MarkdownPad


O ReText está disponível para outras plataformas e oferece uma visualização ao vivo do Markdown renderizado:

O ReText é um editor de texto simples para a sintaxe do Markdown. Está escrito em Python usando bibliotecas Qt, capaz de rodar em qualquer plataforma (Linux e BSD são oficialmente suportados)

Captura de tela do ReText

Embora não seja oficialmente suportado, também existem instruções de instalação do Windows ; no entanto, tive que fazer algumas modificações para fazê-las funcionar (o conjunto completo com minhas correções é mostrado abaixo):

Instalação

  1. Instale o Python27
  2. Instale o PyQT pré - compilado para o 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 meu computador. Clique Start, clique com o botão direito do mouse My Computere selecione Properties, selecione a Advancedguia e clique em Environment Variables.
  5. Sob System Variables, clique New. Em nome da variável, insira PYTHONPATH. Em Variable valueenterC:\Python27\Lib\;C:\Python27\Lib\site-packages\
  6. Selecione o PATHclique em Variável do sistema Edit. Atualize o PATH variable valueadicionando C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;à frente das entradas existentes para que fique comoPATH=C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;...
  7. Instale bibliotecas Python adicionais. Selecione Start, então Run, digite cmdentão 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. Baixe e descompacte os ícones do ReText
  10. Coloque os ícones descompactados na pasta ReText \ icons
  11. Navegue para 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. Mude targetpara "C:\Python27\python.exe" retext.pye Runpara minimized.
  14. Altere o ícone (que exigirá que você crie um .icoarquivo de um dos .pngarquivos descompactados acima no ReText/iconsdiretório, o que pode ser feito aqui
  15. Altere o nome do atalho na guia geral, se desejar.

1
Para quem deseja obter a marcação (que eu realmente recomendo) e ainda possui o Snow Leopard (10.6), existe um download gratuito do Snow Leopard disponível apenas através do FAQ ( tagged.tenderapp.com/kb/documentation/… ): assets .markedapp.com / MarkedSL.zip
Simon Lehmann

melhor para listar cada uma destas respostas como separados
Zac Thompson

19

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

Faça o download da versão através do GitHub, ou versão 1.7.1 aqui .

insira a descrição da imagem aqui


7

O BBEdit faz isso imediatamente: defina o tipo de documento atual como Markdown, abra a Visualização no BBEdit e digite away. A janela de visualização é atualizada automaticamente, mostrando o texto da maneira que você deseja.

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


5

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

insira a descrição da imagem aqui



3

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


1
Você se importa de compartilhar o que fez com o seu $ PATH?
11133 Eric Hu

2

O Smultron recentemente revivido também pode fazer isso sem pressionar nenhuma tecla:

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



Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.