Могу ли я вставить доску Trello на свой сайт?

13

Просто я хотел бы получить бесхромную версию платы Trello и вставить ее прямо на страницу «Задачи» моего сайта. У меня все еще есть заголовок и нижний колонтитул моего сайта.

Я думаю, я мог бы просто использовать iFrame, но есть ли более элегантные решения для этого?

Также я бы хотел, чтобы тема соответствовала остальной части сайта ...

Кто-нибудь знает, с чего начать?

trello embed Дин Скорее
источник

Ответы:

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
digiguru
источник
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 имеет открытый REST API, который вы можете использовать для своего сайта. Вы можете настроить тему так, чтобы она соответствовала вашему сайту и имела больше контроля, чем просто окно на другой сайт. Вы можете найти более подробную информацию о программируемой сети здесь: http://www.programmableweb.com/api/trello

земля
источник
Я верю, что это сработает, но я бы хотел, чтобы Trello позволил нам скопировать и вставить некоторый js-код для встраивания карт / списков / досок. Я подумываю показать для ( aliveitor.com/text-editor ) исправления ошибок и реализацию реализации функций, которая управляется в Trello.
Эдвин Ип
В Trello есть доска объявлений о функциях, на которую вы можете оставлять свои комментарии, и пользователи могут голосовать за ее реализацию. Вот ссылка: trello.com/b/nC8QJJoZ/trello-development
Терра