Puis-je intégrer un tableau Trello dans mon site?


13

Je voudrais simplement obtenir une version sans chrome d'une carte Trello et l'intégrer directement dans la page "tâches" de mon site. J'aurais toujours l'en-tête et le pied de page de mon site autour.

Je suppose que je pourrais simplement utiliser un iFrame, mais y a-t-il des solutions plus élégantes à cela?

Je voudrais également le thème pour convenir au reste du site ...

Quelqu'un sait par où commencer?

Réponses:


14

Sûr que vous pouvez. Consultez ces liens:

Considérez ceci comme un exemple de carte:

https://trello.com/c/NIRpzVDM

Vous pouvez créer un lien vers une carte en tant que photo à l'aide des éléments suivants:

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

entrez la description de l'image ici

Vous pouvez intégrer un iframe comme suit:

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

Vous pouvez également faire un javascript qui écrit la carte dans votre page:

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

qui écrit du html en utilisant document.write("<html content>")

Une autre façon est de demander le JSON d'une carte

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

Tous ces éléments sont également disponibles à l'aide d'une carte ...

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
Quelqu'un peut-il vérifier si cela fonctionne toujours? les premières tentatives dans Chrome m'ont donné GET https://trello.com/c/somecardid.png 410 (Gone)et Refused to display 'https://trello.com/c/somecard' in a frame because it set 'X-Frame-Options' to 'DENY'.dans ma console
StackExchange What The Heck

2
Cela fonctionne toujours, mais vous devez utiliser .htmlà la fin de votre planche. Cela peut changer sous peu, peut-être, car je viens de signaler une vulnérabilité via cette fonction iframe, donc YMMV.
Sirens

1
N'est-il pas étrange que l'application trello prenne en charge cette fonctionnalité, mais il n'y a aucune documentation à ce sujet?
ted.strauss

Est-ce que .pngcelui qui travaille pour quelqu'un? Impossible d'obtenir une image dans Safari ou Chrome ...
LinusGeffarth

Cela semble avoir cessé de fonctionner. Le .png renvoie "Gone". Le raccourci trello.com/b/nC8QJJoZ.html renvoie des symboles étranges. Tous les autres sont refusés en raison de X-Frame-Options DENY.
ondervloei

6

Outre l'utilisation d'un iframe, Trello dispose d'une API publique REST que vous pouvez exploiter pour votre site. Vous pouvez le thème pour correspondre à votre site et avoir plus de contrôle qu'une simple fenêtre sur un autre site. Vous pouvez trouver plus d'informations sur programmableweb ici: http://www.programmableweb.com/api/trello


Je crois que cela fonctionnera, mais je souhaite que Trello nous laisse copier et coller du code js pour intégrer des cartes / listes / tableaux. Je pense montrer pour ( livesitor.com/text-editor ) les corrections de bugs et l'implémentation de l'implémentation des fonctionnalités qui est gérée dans Trello.
Edwin Yip

Trello dispose d'un tableau de demande de fonctionnalités sur lequel vous pouvez publier vos commentaires et les utilisateurs peuvent voter pour sa mise en œuvre. Voici le lien: trello.com/b/nC8QJJoZ/trello-development
Terra
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.