Bisakah saya menanamkan papan Trello ke situs saya?

13

Sederhananya, saya ingin mendapatkan versi papan Trello yang tidak berwarna dan menyematkannya langsung ke halaman 'tugas' di situs saya. Saya masih memiliki header dan footer situs saya di sekitarnya.

Saya kira saya hanya bisa menggunakan iFrame, tetapi apakah ada solusi yang lebih elegan untuk ini?

Juga saya ingin tema itu sesuai dengan sisa situs ...

Adakah yang tahu harus mulai dari mana dengan ini?

Dean Sebaliknya
sumber

Jawaban:

14

Tentu kamu bisa. Lihat tautan ini:

Pertimbangkan ini sebagai kartu contoh:

https://trello.com/c/NIRpzVDM

Anda dapat menautkan ke kartu sebagai foto menggunakan yang berikut ini:

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

masukkan deskripsi gambar di sini

Anda dapat menyematkan iframe sebagai berikut:

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

Anda juga dapat melakukan javascript yang menulis kartu ke halaman Anda:

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

yang menulis beberapa html menggunakan document.write("<html content>")

Cara lain adalah dengan meminta JSON kartu

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

Semua ini tersedia menggunakan papan juga ...

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
sumber
5
Adakah yang bisa memverifikasi apakah ini masih berfungsi? upaya awal di Chrome memberi saya GET https://trello.com/c/somecardid.png 410 (Gone)dan Refused to display 'https://trello.com/c/somecard' in a frame because it set 'X-Frame-Options' to 'DENY'.di konsol saya
StackExchange What The Heck
2
Ini masih berfungsi namun Anda harus menggunakannya .htmldi akhir papan Anda. Ini mungkin berubah sebentar, mungkin, karena saya baru saja melaporkan kerentanan melalui fitur iframe ini, jadi YMMV.
Sirene
1
Bukankah aneh bahwa aplikasi trello mendukung fitur ini tetapi tidak ada dokumentasi tentangnya?
ted.strauss
Apakah yang .pngbekerja untuk siapa saja? Tidak dapat memperoleh gambar di Safari atau Chrome ...
LinusGeffarth
Ini sepertinya berhenti bekerja. .Png mengembalikan "Gone". The trello.com/b/nC8QJJoZ.html pintas mengembalikan beberapa simbol aneh. Yang lainnya ditolak karena X-Frame-Options DENY.
ondervloei
6

Selain menggunakan iframe, Trello memiliki API publik REST yang dapat Anda manfaatkan untuk situs Anda. Anda dapat tema untuk mencocokkan dengan situs Anda dan memiliki kontrol lebih dari sekadar jendela ke situs lain. Anda dapat menemukan informasi lebih lanjut tentang programmableweb di sini: http://www.programmableweb.com/api/trello

Terra
sumber
Saya percaya ini akan berhasil, tetapi saya berharap Trello memungkinkan kami menyalin & menempelkan beberapa kode js ke kartu / daftar / papan. Saya berpikir untuk menunjukkan untuk ( liveditor.com/text-editor ) perbaikan bug dan implementasi implementasi fitur yang dikelola di Trello.
Edwin Yip
Trello memiliki papan permintaan fitur yang dapat Anda kirim komentar Anda dan pengguna dapat memilih untuk diterapkan. Inilah tautannya: trello.com/b/nC8QJJoZ/trello-development
Terra