Posso incorporar uma placa do Trello ao meu site?


13

Simplesmente, gostaria de obter uma versão sem cromos de um quadro do Trello e incorporá-lo diretamente na página de 'tarefas' do meu site. Eu ainda teria o cabeçalho e rodapé do meu site.

Acho que poderia usar um iFrame, mas há soluções mais elegantes para isso?

Também gostaria de o tema para se adequar ao resto do site ...

Alguém sabe por onde começar?

Respostas:


14

Certamente você pode. Confira estes links:

Considere isso como um cartão de exemplo:

https://trello.com/c/NIRpzVDM

Você pode vincular um cartão como uma foto usando o seguinte:

<img src="https://trello.com/c/NIRpzVDM.png" />

insira a descrição da imagem aqui

Você pode incorporar um iframe da seguinte maneira:

<iframe src="https://trello.com/c/NIRpzVDM.html"></iframe>

Você também pode criar um javascript que grava o cartão em sua página:

<script src="https://trello.com/c/NIRpzVDM.js"></script>

que escreve alguns html usando document.write("<html content>")

Outra maneira é solicitar o JSON de um cartão

https://trello.com/c/NIRpzVDM.json

Todos estes estão disponíveis usando uma placa também ...

https://trello.com/b/nC8QJJoZ.png
https://trello.com/b/nC8QJJoZ.html
https://trello.com/b/nC8QJJoZ.js
https://trello.com/b/nC8QJJoZ.json

5
Alguém pode verificar se isso ainda funciona? tentativas iniciais no Chrome me deu GET https://trello.com/c/somecardid.png 410 (Gone)e Refused to display 'https://trello.com/c/somecard' in a frame because it set 'X-Frame-Options' to 'DENY'.no meu console
Stackexchange Que o Heck

2
Isso ainda funciona, no entanto, você deve usar .htmlno final do seu quadro. Talvez isso mude em breve, já que acabei de relatar uma vulnerabilidade por esse recurso iframe, portanto, YMMV.
Sirenes

1
Não é estranho que o aplicativo trello seja compatível com esse recurso, mas não há documentação sobre isso?
Td.strauss # 6/17

O .pngque trabalha para alguém? Não é possível obter uma imagem no Safari ou Chrome ...
LinusGeffarth

Isso parece ter parado de funcionar. O arquivo .png retorna "Gone". O atalho trello.com/b/nC8QJJoZ.html retorna alguns símbolos estranhos. Todos os outros são negados devido ao X-Frame-Options DENY.
ondervloei 30/08/19

6

Além de usar um iframe, o Trello possui uma API pública REST na qual você pode acessar seu site. Você pode configurá-lo para corresponder ao seu site e ter mais controle do que simplesmente uma janela para outro site. Você pode encontrar mais informações sobre programmableweb aqui: http://www.programmableweb.com/api/trello


Acredito que isso funcionará, mas desejo que o Trello nos permita copiar e colar algum código js para incorporar cartões / listas / quadros. Estou pensando em mostrar para ( liveditor.com/text-editor ) as correções de bugs e a implementação de implementação de recursos gerenciada no Trello.
Edwin Yip

O Trello possui um quadro de solicitação de recursos no qual você pode postar seus comentários e os usuários podem votar para que ele seja implementado. Aqui está o link: trello.com/b/nC8QJJoZ/trello-development
Terra
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.