Pergunta

Eu quero construir um site onde o usuário pode digitar o texto e formatá-lo em Markdown. A razão que eu gostaria de uma solução Javascript é porque eu quero mostrar uma visualização ao vivo, assim como em StackOverflow.

Meu site não está voltada para desenvolvedores, no entanto, para um controle editor seria o ideal.

Percebi que em StackOverflow, o editor WMD está sendo usado.

Uma busca rápida no Google também aparece biblioteca Showdown, que eu acho que está realmente sendo usado por WMD.

Existem outras opções? São ADM / Showdown grandes ferramentas já? Quais foram suas experiências com as diferentes opções?

Foi útil?

Solução

Se você não é adversa ao uso de Ajax para gerar a visualização ao vivo, em seguida, uma outra opção é markItUp! . markItUp! é um markup-editor universal, e muito flexível. Ele prevê uma maneira fácil de criar um editor de marcação, mas ao contrário de WMD, ele não fornece seu próprio visualização ao vivo.

Eu costumava markItUp !, juntamente com uma JSP simples (usando MarkdownJ ) para um dos meus aberta projetos -source (a Markdown plug-in para rolo ). Se você estiver usando outra tecnologia do lado do servidor, substitua esse simples JSP conforme o caso.

Na verdade, eu começar a usar isso antes me deparei com WMD. Eu concordo, WMD é grande, mas acaba de ser aberto apenas de origem e é, nesta fase, mais difícil de personalizar o comportamento do.

Outras dicas

Nós temos sido muito felizes com WMD. Existem alguns bugs miudinho em que, no entanto. Nada grave, mas eu amor , se John Fraser (o autor) fez a fonte de código aberto para que possamos corrigir alguns deles. Ele prometeu fazê-lo, mas outros projetos de vida real estão ficando no caminho.

eu seguir com John a cada semana. Vou postar no blog uma vez que a fonte de WMD está finalmente disponível. não foram capazes de contato John Fraser em mais de um ano.

Temos código aberto tanto a biblioteca JavaScript Markdown

http://code.google.com/p/pagedown/

e do lado do servidor biblioteca C # Markdown

http://code.google.com/p/markdownsharp/

Eu recomendaria marcada , que é leve, eficiente, fácil de usar e suporta GitHub Flavored Markdown (GFM) também. Ele pode ser usado em qualquer servidor (nodejs) ou cliente lados (browser).

Tanto quanto eu sei não há realmente qualquer outro editor baseado em navegador para Markdown, pelo menos nenhum tão extensa como o editor WMD.

Showdown é um conversor Markdown em JS, que constitui a base para a visualização HTML de ADM. Eles são ambos feitos pela http://attacklab.net/ .

E, tanto quanto eu sei não houve quaisquer grandes queixas sobre ambos (pelo menos não na lista de discussão Markdown). Então, vá para ele.

Há um chamado Showdown e atualmente está hospedado aqui: https://github.com/coreyti/showdown

E há https://github.com/evilstreak/markdown-js :)

Strapdown.js, que era recentemente lançado , "torna constrangedoramente simples para criar documentos elegantes Markdown. Server-side Não compilação necessária ".

Eu não testei isso, mas aqui é outra opção:

Markdown wysiwyg

A questão é ainda mais antiga agora, mas também ainda mais relevante uma vez que a maior parte do código mencionado é de vários anos fora da data.

No entanto, eu encontrar alguns que ainda parece atual:

Jquery-Markedit - Este foi bifurcada de ADM-edit há algum tempo atrás e reformulado usar jQuery. Parece bom à primeira vista.

EpicEditor - também é ainda mantido, tem um analisador flexível e, como você pode ver abaixo, o autor é altamente sensível (veja abaixo). Parece ter uma boa documentação também. Infelizmente não trabalhar com IE9.

MarkdownDeep é uma terceira opção que é ainda atual. O ponto interessante com este é o suporte para Markdown Extra. Tem uma dependência em JQuery (na verdade, você também pode implementar sem JQuery). Com base na versão .NET de modo a documentação é mais alinhado para que do que a versão JS. Isto também funciona com IE9. É muito fácil de usar (com JQuery) e muito simples. No desenvolvimento significativo acontecendo com isso, porém, tanto quanto eu posso ver.

-js-markdown adicional é um porto bastante precisa da biblioteca PHP e é ainda sob manutenção. Ele suporta Markdown extra claro.

A questão é antiga, mas espero que isso pode ajudar alguém. Tenho apenas recentemente publicada uma versão de trabalho do meu próprio editor markdown Javascript, uedit . Você pode encontrar o código-fonte aqui . Ele funciona na maioria dos navegadores (incluindo IE6 +) e não depende de quaisquer bibliotecas JS externos.

Depois de tentar com vários plugins para resolver minhas próprias necessidades de oferecendo um MarkDown seudo-WYSIWYG acabei implementando meu próprio um:

Talvez não é tão poderoso como todas as soluções comentou aqui, mas eu acho que nenhum é tão simples e fácil de integrar e customize .

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top