我可以在自己的网站上嵌入Trello板吗?


13

简而言之,我想获得Trello板的无边框版本,并将其直接嵌入到我网站的“任务”页面中。我仍将网站的页眉和页脚保留在其中。

我想我可以只使用iFrame,但是对此是否有更优雅的解决方案?

我也想将其主题设置为适合网站的其余部分...

有人知道从哪里开始吗?

Answers:


14

你当然可以。检查以下链接:

将此视为示例卡:

https://trello.com/c/NIRpzVDM

您可以使用以下方法将卡链接为照片:

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

在此处输入图片说明

您可以按以下方式嵌入iframe:

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

您还可以执行将卡写入页面的javascript:

<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)报告了一个漏洞。
Sirens

1
trello应用程序支持此功能并不奇怪,但是没有相关文档吗?
ted.strauss

.png工作的人吗?无法在Safari或Chrome中获取图片...
LinusGeffarth '19

这似乎已停止工作。.png返回“已消失”。该trello.com/b/nC8QJJoZ.html快捷返回一些奇怪的符号。其他所有由于X-Frame-Options DENY而被拒绝。
ondervloei

6

Trello除了使用iframe外,还具有REST公共API,您可以将其用于您的网站。您可以将其设置为主题以匹配您的站点,并具有比仅浏览另一个站点的窗口更多的控制权。您可以在以下网站上找到有关可编程网络的更多信息:http : //www.programmableweb.com/api/trello


我相信这会成功,但是我希望Trello让我们复制并粘贴一些js代码以嵌入卡/列表/板。我正在考虑显示(liveditor.com/text-editor)在Trello中管理的错误修正和功能实现。
埃德温业

Trello有一个功能请求委员会,您可以在其中发布您的评论,用户可以投票赞成实施。这是链接:trello.com/b/nC8QJJoZ/trello-development
Terra
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.