Чи можу я вставити дошку Trello на свій сайт?


13

Просто я хотів би отримати безхромну версію дошки Trello і вставити її безпосередньо на сторінку "завдань" свого сайту. Я все ще маю навколо нього колонтитул і колонтитул.

Я думаю, я міг би просто використовувати iFrame, але чи є більш елегантні рішення для цього?

Також я хотів би розглянути тему, щоб вона відповідала решті сайту ...

Хтось знає, з чого почати?

Відповіді:


14

Звичайно, ти можеш. Перевірте ці посилання:

Розглянемо це як приклад картки:

https://trello.com/c/NIRpzVDM

Ви можете пов’язати карту як фотографію, використовуючи наступне:

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

введіть тут опис зображення

Ви можете вставити рамку наступним чином:

<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.
Сирени

1
Хіба не дивно, що додаток trello підтримує цю функцію, але документації про це немає?
ted.strauss

Хто .pngпрацює для когось? Не вдається отримати зображення в Safari чи Chrome ...
LinusGeffarth

Це, здається, перестало працювати. .Png повертає "Пропав". Trello.com/b/nC8QJJoZ.html ярлик повертає деякі дивні символи. Усі інші відмовляються через параметри X-Frame DENY.
ondervloei

6

Окрім використання iframe, Trello має загальнодоступний API REST, який ви можете використати для свого сайту. Ви можете тематизувати його так, щоб він відповідав вашому сайту та мав більше контролю, ніж просто вікно на інший сайт. Ви можете знайти більше інформації про programmableweb тут: http://www.programmableweb.com/api/trello


Я вважаю, що це спрацює, але я б хотів, щоб Trello дозволив нам скопіювати та вставити якийсь js-код, щоб вставити картки / списки / дошки. Я думаю про те, щоб показати ( Liveitor.com/text-editor ) помилки та реалізацію функції, якими керується в Trello.
Едвін Іп

У Trello є рада запитів на функції, на якій ви можете розміщувати свої коментарі, а користувачі можуть голосувати за її реалізацію. Ось посилання: trello.com/b/nC8QJJoZ/trello-development
Terra
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.