Kann ich ein Trello-Board in meine Site einbetten?


13

Ich möchte einfach eine chromlose Version eines Trello-Boards erhalten und direkt in die Seite "Aufgaben" meiner Website einbetten. Ich habe immer noch die Kopf- und Fußzeile meiner Site.

Ich denke, ich könnte einfach einen iFrame verwenden, aber gibt es dafür elegantere Lösungen?

Außerdem möchte ich es so gestalten, dass es zum Rest der Seite passt ...

Weiß jemand, wo man damit anfangen soll?

Antworten:


14

Sicher kannst du. Schauen Sie sich diese Links an:

Betrachten Sie dies als Beispielkarte:

https://trello.com/c/NIRpzVDM

Sie können eine Karte wie folgt als Foto verknüpfen:

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

Bildbeschreibung hier eingeben

Sie können einen Iframe wie folgt einbetten:

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

Sie können auch ein Javascript ausführen, das die Karte in Ihre Seite schreibt:

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

was schreibt etwas HTML mit document.write("<html content>")

Eine andere Möglichkeit besteht darin, den JSON einer Karte anzufordern

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

Alle diese sind auch mit einem Board erhältlich ...

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
Kann jemand überprüfen, ob dies noch funktioniert? erste Versuche in Chrome gaben mir GET https://trello.com/c/somecardid.png 410 (Gone)und Refused to display 'https://trello.com/c/somecard' in a frame because it set 'X-Frame-Options' to 'DENY'.in meiner Konsole
Reinstate Monica

2
Dies funktioniert immer noch , aber Sie müssen verwenden .htmlam Ende des Boards. Dies kann sich in Kürze ändern, da ich gerade eine Sicherheitsanfälligkeit über diese iframe-Funktion gemeldet habe, also YMMV.
Sirenen

1
Ist es nicht seltsam, dass die Trello-App diese Funktion unterstützt, aber es gibt keine Dokumentation dazu?
ted.strauss

Arbeitet der .pngfür jemanden? In Safari oder Chrome kann kein Bild
abgerufen werden

Dies scheint nicht mehr zu funktionieren. Die .png gibt "Gone" zurück. Die Verknüpfung trello.com/b/nC8QJJoZ.html gibt einige seltsame Symbole zurück. Alle anderen werden aufgrund von X-Frame-Options DENY abgelehnt.
Ondervloei

6

Im Gegensatz zur Verwendung eines Iframes verfügt Trello über eine öffentliche REST-API, auf die Sie für Ihre Site zugreifen können. Sie können es so gestalten, dass es zu Ihrer Site passt und mehr Kontrolle hat als nur ein Fenster zu einer anderen Site. Weitere Informationen zu programmableweb finden Sie hier: http://www.programmableweb.com/api/trello


Ich glaube, das wird funktionieren, aber ich wünschte, Trello lässt uns js-Code kopieren und einfügen, um Karten / Listen / Boards einzubetten. Ich denke daran, für ( liveditor.com/text-editor ) die in Trello verwalteten Bugfixes und Implementierungsimplementierungen zu zeigen.
Edwin Yip

Trello verfügt über ein Feature-Request-Board, in das Sie Ihre Kommentare eintragen können, und Benutzer können dafür stimmen, dass es implementiert wird. Hier ist der Link: trello.com/b/nC8QJJoZ/trello-development
Terra
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.