Pergunta

O meu co-fundador está pedindo em nosso blog para um widget de código embutido.

http: // devver.net/blog/2008/10/someone-please-build-an-awesome-embeddable-code-widget/

Basicamente queremos algo como http://pastie.org/ ou http://codepad.org/ mas nós realmente deseja incorporar a seção do código em nosso blog. Sabemos que existem plugins para blogs comuns e soluções do lado do servidor, mas seria ótimo para ser capaz de apenas incorporar um pouco de javascript e têm código bem formatado em qualquer lugar ...

Será que algo assim existe? Será que só perdeu?

Foi útil?

Solução 2

Nós tivemos um ponto utilizador um plugin para WordPress que usa Gist para fazer exatamente o que estávamos pedindo ...

http://pomoti.com/gist-it-english

Mesmo que você não use o plug-in parece que uma característica da Gist permite incorporar o código em qualquer lugar que você quer na web. http://gist.github.com

Parece muito doce. Graças vai para Dirceu Jr.

Outras dicas

Eu acho que você quer um javascript sintaxe marcador

Às vezes você apenas ficar pensando nas palavras erradas; -)

Confira CodeRay e UltraViolet . Eles são ambos muito bom e fácil de usar.

Eu uso um marcador incluído no Dojo (adaptado de highlight.js de Ivan Sagalaev ). Tudo que você precisa fazer é incluir algumas linhas de código na cabeça de sua página web (uma marca de script apontando para a AOL ou o Google, um link para CSS organizada pela AOL ou Google, e um script trivial para solicitar o destaque) e adicionar

  blocos com trechos pré-formatadas - eles serão encontrados e destacou automaticamente 

.

É claro, vários idiomas são suportados, bem como automática adivinhar o idioma do seu trecho. Se o usuário desligado JavaScript, ele irá degradar graciosamente.

Outro ponto de esta solução boa:. Não há necessidade de hospeda nenhum arquivo, não há necessidade de servidores do configure, não há necessidade de gerar HTML dinamicamente, pode ser usado com qualquer coisa - mesmo arquivo estático será destacada muito bem

Você pode ver exemplos em testes oficiais: test_highlight.html , test_pygments.html . Este é o exemplo de trechos no meu site: o artigo com vários trechos de código destacadas -. olhar na cabeça desta página para ver como o marcador pode ser incluído diretamente da AOL

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