Czy mogę osadzić tablicę Trello na mojej stronie?

13

Po prostu chciałbym pobrać bezchromową wersję płyty Trello i osadzić ją bezpośrednio na stronie „zadań” mojej witryny. Nadal będę mieć wokół niej nagłówek i stopkę mojej witryny.

Chyba mógłbym po prostu użyć ramki iFrame, ale czy są na to bardziej eleganckie rozwiązania?

Chciałbym też nadać temu tematowi odpowiedni charakter do reszty strony ...

Czy ktoś wie od czego zacząć?

Dean Rather
źródło

Odpowiedzi:

14

Oczywiście że możesz. Sprawdź te linki:

Rozważ to jako przykładową kartę:

https://trello.com/c/NIRpzVDM

Możesz połączyć się z kartą jako zdjęcie za pomocą:

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

wprowadź opis zdjęcia tutaj

Możesz osadzić iframe w następujący sposób:

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

Możesz także zrobić skrypt JavaScript, który zapisuje kartę na twojej stronie:

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

który wypisuje trochę html za pomocą document.write("<html content>")

Innym sposobem jest zażądanie kodu JSON karty

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

Wszystkie są dostępne również za pomocą planszy ...

https://trello.com/b/nC8QJJoZ.png
https://trello.com/b/nC8QJJoZ.html
https://trello.com/b/nC8QJJoZ.js
https://trello.com/b/nC8QJJoZ.json
digiguru
źródło
5
Czy ktoś może sprawdzić, czy to nadal działa? pierwsze próby w Chrome dały mi GET https://trello.com/c/somecardid.png 410 (Gone)i Refused to display 'https://trello.com/c/somecard' in a frame because it set 'X-Frame-Options' to 'DENY'.na mojej konsoli
StackExchange What The Heck
2
To nadal działa, jednak musisz użyć go .htmlna końcu swojej planszy. Może to się wkrótce zmienić, ponieważ właśnie zgłosiłem lukę w zabezpieczeniach dzięki tej funkcji iframe, więc YMMV.
Sirens,
1
Czy to nie dziwne, że aplikacja trello obsługuje tę funkcję, ale nie ma na jej temat dokumentacji?
ted.strauss
Czy ten .pngdziała dla kogoś? Nie można uzyskać obrazu w przeglądarce Safari lub Chrome ...
LinusGeffarth
To chyba przestało działać. Plik .png zwraca „Gone”. Trello.com/b/nC8QJJoZ.html skrót zwraca jakieś dziwne symbole. Wszystkie inne są odrzucane z powodu odmowy opcji X-Frame.
ondervloei
6

Oprócz używania elementu iframe Trello ma publiczny interfejs API REST, z którego można korzystać w swojej witrynie. Możesz ustawić go tak, by pasował do Twojej witryny i miał większą kontrolę niż zwykłe okno do innej witryny. Więcej informacji na temat programowalnej strony internetowej można znaleźć tutaj: http://www.programmableweb.com/api/trello

Terra
źródło
Wierzę, że to zadziała, ale szkoda, że ​​Trello nie pozwala nam skopiować i wkleić kodu js, aby osadzić karty / listy / tablice. Zastanawiam się nad pokazaniem ( liveitor.com/text-editor ) poprawek błędów i implementacji implementacji funkcji, która jest zarządzana w Trello.
Edwin Yip,
Trello ma tablicę z żądaniami funkcji, na której można zamieszczać komentarze, a użytkownicy mogą głosować na wdrożenie. Oto link: trello.com/b/nC8QJJoZ/trello-development
Terra