ฉันสามารถฝังกระดาน Trello ไว้ในเว็บไซต์ของฉันได้หรือไม่?


13

เพียงแค่ฉันต้องการรับบอร์ด Trello แบบไม่มีสีและฝังไว้ในหน้า 'งาน' ของเว็บไซต์ของฉันโดยตรง ฉันยังมีส่วนหัวและส่วนท้ายของไซต์อยู่รอบ ๆ

ฉันเดาว่าฉันสามารถใช้ iFrame ได้ แต่มีวิธีแก้ไขที่ดีกว่านี้ไหม

นอกจากนี้ฉันต้องการธีมเพื่อให้เหมาะกับส่วนที่เหลือของเว็บไซต์ ...

ใครรู้ว่าจะเริ่มต้นด้วยสิ่งนี้?

คำตอบ:


14

แน่นอนว่าคุณสามารถ ตรวจสอบลิงก์เหล่านี้:

พิจารณาสิ่งนี้เป็นตัวอย่างการ์ด:

https://trello.com/c/NIRpzVDM

คุณสามารถลิงค์ไปยังการ์ดเป็นภาพถ่ายโดยใช้สิ่งต่อไปนี้:

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

ป้อนคำอธิบายรูปภาพที่นี่

คุณสามารถฝัง iframe ได้ดังนี้:

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

นอกจากนี้คุณยังสามารถทำจาวาสคริปต์ที่เขียนการ์ดลงในหน้าของคุณ:

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

ซึ่งเขียน html โดยใช้ document.write("<html content>")

อีกวิธีหนึ่งคือการขอ JSON ของการ์ด

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

ทั้งหมดนี้สามารถใช้งานบอร์ดได้เช่นกัน ...

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
ทุกคนสามารถตรวจสอบได้ว่ายังใช้งานได้หรือไม่ ความพยายามครั้งแรกใน Chrome ให้ฉันGET https://trello.com/c/somecardid.png 410 (Gone)และ Refused to display 'https://trello.com/c/somecard' in a frame because it set 'X-Frame-Options' to 'DENY'.ในคอนโซลของฉัน
StackExchange What The Heck

2
ยังคงใช้งานได้ แต่คุณต้องใช้.htmlเมื่อสิ้นสุดกระดาน สิ่งนี้อาจเปลี่ยนแปลงได้ในไม่ช้าเนื่องจากฉันเพิ่งรายงานความเสี่ยงผ่านคุณลักษณะ iframe นี้ดังนั้น YMMV
ไซเรน

1
แปลกหรือไม่ที่แอปพลิเคชัน trello สนับสนุนคุณสมบัตินี้ แต่ไม่มีเอกสารเกี่ยวกับมัน
ted.strauss

เป็น.pngคนที่ทำงานให้กับทุกคน? ไม่สามารถรับรูปภาพใน Safari หรือ Chrome ...
LinusGeffarth

ดูเหมือนว่าจะหยุดทำงาน .png ส่งคืน "Gone" trello.com/b/nC8QJJoZ.htmlทางลัดส่งกลับสัญลักษณ์บางลาง คนอื่น ๆ ทั้งหมดถูกปฏิเสธเนื่องจาก X-Frame-Options DENY
ondervloei

6

นอกจากใช้ iframe แล้ว Trello ยังมี API สาธารณะ REST ที่คุณสามารถเข้าไปใช้ในเว็บไซต์ของคุณได้ คุณสามารถชุดรูปแบบเพื่อให้ตรงกับเว็บไซต์ของคุณและมีการควบคุมมากกว่าหน้าต่างไปยังเว็บไซต์อื่น คุณสามารถหาข้อมูลเพิ่มเติมเกี่ยวกับ programmableweb ได้ที่นี่: http://www.programmableweb.com/api/trello


ฉันเชื่อว่านี่จะใช้งานได้ แต่ฉันหวังว่า Trello ช่วยให้เราสามารถคัดลอกและวางรหัส js บางส่วนเพื่อฝังไพ่ / รายการ / กระดาน ฉันกำลังคิดถึงการแสดงข้อผิดพลาดและการใช้งานฟีเจอร์ที่มีการจัดการใน Trello
Edwin Yip

Trello มีกระดานขอคุณสมบัติที่คุณสามารถโพสต์ความคิดเห็นของคุณและผู้ใช้สามารถลงคะแนนเพื่อนำไปใช้งานได้ นี่คือลิงค์: trello.com/b/nC8QJJoZ/trello-development
Terra
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.