Contenu intégré dans Markdown

Markdown prend en charge HTML, donc si vous en avez besoin, disons, intégrer une vidéo YouTube, vous pouvez simplement copier et coller le code intégré à ce qu'ils soient, déposez-le dans un document Markdown et vous devriez être prêt à partir. Avec YouTube spécifiquement, il existe d'autres options. Mais en général, vous n'avez rien de spécial pour intégrer des médias tiers dans Markdown.

Vous devez cependant faire tout ce qui est nécessaire pour ce service particulier. Par exemple, sur Codepen, vous visitez un stylo particulier pour obtenir le code d'intégration, cliquez sur «intégrer» dans le pied de page, choisissez des options et finalement obtenir le code intégré. Sur Twitter, vous cliquez sur un truc de flèche vers le bas et choisissez Tweet intégré, puis vous traduit vers un autre site Web où vous choisissez des options et, finalement, obtenez le code d'intégration. C'est différent à chaque service.

C'est l'esprit derrière Gatsby-Remark-Embedder de Michaël de Boey, que j'ai récemment vu. Cela explique cela:

Essayer d'incorporer des services bien connus (comme Codepen, Codeandbox, Slides, SoundCloud, Spotify, Twitter ou YouTube) dans votre site Web de Gatsby peut être difficile, car vous devez savoir comment cela doit être fait pour tous ces différents services.

Donc, ce que fait ce plugin, c'est vous permettre de laisser tomber une URL sur la chose que vous essayez de s'intégrer sur sa propre ligne, et elle est transformée comme par magie en code intégré. Par exemple, vous mettez une URL sur un stylo comme ceci:

 https://codepen.io/coderesting/pen/ylyajmz

… Et vous obtenez:

 <iframe src="https://codepen.io/team/codepen/embed/preview/pnagbb" style="largeur: 100%; hauteur: 300px;">  iframe></iframe>

… Au moment où le contenu se dirige vers le DOM.

En tant que propriétaire de Codepen, je ne peux pas m'empêcher de vous rappeler que le faire de cette façon signifie que vous ne pouvez pas profiter d'un thème ou de le rendre modifiable. Mais bon, je comprends.

Ce que je pense est un smridge drôle, c'est que… c'est exactement ce qu'est Oemed. L'esprit entier de Oemed est: «Mettez une URL sur une chose sur sa propre ligne et nous essaierons d'en faire une intégration pour vous.» Il s'agit d'une spécification clairement définie et il existe une source claire de données de sites qui prennent en charge la fonctionnalité.

Mais je suppose que c'est un échec de Oemed que les gens ne le savent pas ou ne l'utilisent pas. Même par embarcation semble un peu mort?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!