Quero construir um site onde o usuário possa inserir texto e formatá-lo em Markdown. O motivo pelo qual eu gostaria de uma solução Javascript é porque desejo exibir uma visualização ao vivo, assim como no StackOverflow.
Meu site não é direcionado a desenvolvedores, portanto, um controle de editor seria o ideal.
Percebi que no StackOverflow, o editor de WMD está sendo usado.
Uma busca rápida no Google também mostra a biblioteca Showdown, que eu acho que está sendo usada por WMD.
Existem outras opções? Já são ótimas ferramentas de WMD / Showdown? Quais têm sido suas experiências com as diferentes opções?
fonte
Estamos muito felizes com as armas de destruição em massa. Existem alguns bugs mesquinhos nele, no entanto. Nada importante, mas eu adoraria se John Fraser (o autor) tornasse o código-fonte aberto para que possamos corrigir alguns deles. Ele prometeu fazer isso, mas outros projetos da vida real estão atrapalhando.
Acompanho John todas as semanas. Vou postar no blog assim que a fonte WMD estiver finalmente disponível.Não consigo entrar em contato com John Fraser há mais de um ano.Abrimos o código da biblioteca JavaScript Markdown
http://code.google.com/p/pagedown/
e a biblioteca C # Markdown do lado do servidor
http://code.google.com/p/markdownsharp/
fonte
Eu recomendaria o marcado , que é leve, eficiente, fácil de usar e também suporta GitHub Flavored Markdown (GFM). Ele pode ser usado nos lados do servidor (nodejs) ou do cliente (navegador).
fonte
Pelo que eu sei, realmente não existe nenhum outro editor baseado em navegador para Markdown, pelo menos nenhum tão extenso quanto o editor de WMD.
Showdown é um conversor Markdown em JS, que forma a base para a visualização HTML de WMD. Ambos são feitos por http://attacklab.net/ .
E, até onde eu sei, não houve grandes reclamações sobre ambos (pelo menos não na lista de discussão Markdown). Então vá em frente.
fonte
Existe um chamado Showdown e atualmente está hospedado aqui: https://github.com/coreyti/showdown
E há https://github.com/evilstreak/markdown-js :)
fonte
Strapdown.js, que foi lançado recentemente , "torna embaraçosamente simples criar documentos Markdown elegantes. Nenhuma compilação do lado do servidor necessária."
fonte
Eu não testei isso, mas aqui está outra opção:
Markdown wysiwyg
fonte
A questão é ainda mais antiga agora, mas também mais relevante, visto que grande parte do código mencionado está vários anos desatualizado.
No entanto, encontrei alguns que ainda parecem atuais:
Jquery-Markedit - Este foi bifurcado do wmd-edit há algum tempo e refatorado para usar o jQuery. Parece bom à primeira vista.
EpicEditor - também é mantido, tem um analisador flexível e, como você pode ver a seguir, o autor é altamente responsivo (veja abaixo). A TI também parece ter uma boa documentação. Infelizmente, não funciona com o IE9.
MarkdownDeep é uma terceira opção que ainda está em vigor. O ponto interessante com este é o suporte para Markdown Extra. Depende de JQuery (na verdade, você também pode implementar sem JQuery). Baseado na versão .NET, então a documentação é mais alinhada a isso do que a versão JS. Isso também funciona com o IE9. É muito fácil de usar (com JQuery) e muito simples. Nenhum desenvolvimento significativo acontecendo com isso, pelo que posso ver.
js-markdown-extra é um port bastante preciso da biblioteca PHP e ainda está em manutenção. Ele suporta Markdown Extra, é claro.
fonte
preview()
quando a tecla for pressionada ou um tempo limite esgotado . É construído para qualquer tipo de personalização.editor.on('save', function(file) { console.log(file.content) })
se é isso que você quer dizer. Isso cuspirá o conteúdo do arquivo sempre que o arquivo for salvo.on('update')
vez de salvar. Salvar irá disparar muito se o salvamento automático estiver ativado. A atualização só será disparada quando algo mudar. epiceditor.com/#eventsA pergunta é antiga, mas espero que isso possa ajudar alguém. Eu publiquei recentemente uma versão funcional do meu próprio editor de markdown de Javascript, o uedit . Você pode encontrar o código-fonte aqui . Funciona na maioria dos navegadores (incluindo IE6 +) e não depende de nenhuma biblioteca JS externa.
fonte
Depois de tentar com vários plugins resolver minhas próprias necessidades de oferecer um MarkDown seudo-WYSIWYG terminei de implementar o meu próprio:
Talvez não seja tão potente quanto todas as soluções comentadas aqui, mas acho que nenhuma é tão simples e fácil de integrar e personalizar .
fonte