¿Puedo insertar un tablero de Trello en mi sitio?


13

Simplemente, me gustaría obtener una versión sin cromo de una placa Trello e incrustarla directamente en la página de "tareas" de mi sitio. Todavía tendría el encabezado y pie de página de mi sitio alrededor.

Supongo que podría usar un iFrame, pero ¿hay alguna solución más elegante para esto?

También me gustaría darle un tema para que se adapte al resto del sitio ...

Alguien sabe por dónde empezar con esto?

Respuestas:


14

Seguro que puede. Mira estos enlaces:

Considere esto como una tarjeta de ejemplo:

https://trello.com/c/NIRpzVDM

Puede vincular a una tarjeta como una foto usando lo siguiente:

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

ingrese la descripción de la imagen aquí

Puede incrustar un iframe de la siguiente manera:

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

También puede hacer un javascript que escriba la tarjeta en su página:

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

que escribe un poco de HTML usando document.write("<html content>")

Otra forma es solicitar el JSON de una tarjeta.

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

Todos estos están disponibles usando una tabla también ...

https://trello.com/b/nC8QJJoZ.png
https://trello.com/b/nC8QJJoZ.html
https://trello.com/b/nC8QJJoZ.js
https://trello.com/b/nC8QJJoZ.json

55
¿Alguien puede verificar si esto todavía funciona? intentos iniciales en Chrome me dieron GET https://trello.com/c/somecardid.png 410 (Gone)y Refused to display 'https://trello.com/c/somecard' in a frame because it set 'X-Frame-Options' to 'DENY'.en mi consola
StackExchange What The Heck

2
Esto todavía funciona, pero debes usarlo .htmlal final de tu tablero. Esto puede cambiar en breve, tal vez, ya que acabo de informar una vulnerabilidad a través de esta función de iframe, así que YMMV.
Sirenas

1
¿No es extraño que la aplicación trello admita esta función pero no hay documentación al respecto?
ted.strauss

¿El que .pngestá trabajando para alguien? No se puede obtener una imagen en Safari o Chrome ...
LinusGeffarth

Esto parece haber dejado de funcionar. El .png devuelve "Gone". El acceso directo trello.com/b/nC8QJJoZ.html devuelve algunos símbolos extraños. Todos los demás son denegados debido a X-Frame-Options DENY.
ondervloei

6

Además de usar un iframe, Trello tiene una API pública REST que puede aprovechar para su sitio. Puede crear un tema para que coincida con su sitio y tener más control que simplemente una ventana a otro sitio. Puede encontrar más información sobre programmableweb aquí: http://www.programmableweb.com/api/trello


Creo que esto funcionará, pero deseo que Trello nos permita copiar y pegar un código js para insertar tarjetas / listas / tableros. Estoy pensando en mostrar para ( iveditor.com/text-editor ) las correcciones de errores y la implementación de implementación de características que se administra en Trello.
Edwin Yip

Trello tiene un panel de solicitud de funciones en el que puede publicar sus comentarios y los usuarios pueden votar para que se implemente. Aquí está el enlace: trello.com/b/nC8QJJoZ/trello-development
Terra
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.