Contenido incrustado en Markdown | Programar Plus

Markdown admite HTML, por lo que si necesita, digamos, incrustar un video de YouTube, puede simplemente copiar y pegar el código de incrustación de ellos, colocarlo en un documento de Markdown y debería estar listo. Con YouTube específicamente, hay otras opciones. Pero, en general, no necesita hacer nada especial para incorporar medios de terceros en Markdown.

Sin embargo, debe hacer lo que sea necesario para ese servicio en particular. Por ejemplo, en CodePen, visita cualquier Pen en particular para obtener el código de inserción, hace clic en “Insertar” en el pie de página, elige opciones y, en última instancia, obtiene el código de inserción. En Twitter, haces clic en una flecha hacia abajo y eliges Insertar Tweet, luego te reenvían a otro sitio web donde eliges opciones y, en última instancia, obtienes el código de inserción. Es diferente en cada servicio.

Ese es el espíritu detrás de gatsby-comment-embedder de Michaël De Boey, que vi recientemente. Explica esto:

Intentar integrar servicios bien conocidos (como CodePen, CodeSandbox, Slides, SoundCloud, Spotify, Twitter o YouTube) en su sitio web de Gatsby puede ser difícil, ya que debe saber cómo se debe hacer esto para todos estos diferentes servicios.

Entonces, lo que hace este complemento es que le permite colocar una URL en lo que está tratando de incrustar en su propia línea, y se transforma mágicamente en código de incrustación. Por ejemplo, pones una URL a un lápiz como este:

https://codepen.io/Coderesting/pen/yLyaJMz

… y obtienes:

<iframe
  src="https://codepen.io/team/codepen/embed/preview/PNaGbb"
  style="width:100%; height:300px;"
></iframe>

… para cuando el contenido llegue al DOM.

Como propietario de CodePen, no puedo evitar recordarte que hacerlo de esta manera significa que no puedes aprovechar tener un tema o hacerlo editable. Pero bueno, lo entiendo.

Lo que creo que es un poco gracioso es que … esto es exactamente lo que es oEmbed. Todo el espíritu de oEmbed es: “Pon una URL a un objeto en su propia línea e intentaremos convertirlo en una inserción para ti”. Es una especificación claramente definida y hay una fuente clara de datos de sitios que admiten la función.

Pero supongo que es una falla de oEmbed que la gente no lo sepa o no lo use. ¿Incluso Embedly parece un poco muerto?

(Visited 9 times, 1 visits today)