CodePen Embed Block

Description

CodePen est un éditeur de code en ligne pour le développement front-end. Vous pouvez construire des choses (nous les appelons des « Pens ») avec HTML, CSS et JavaScript, et d’autres langages et bibliothèques. Tout « Pen » peut être embarqué sur un autre site, ce qui est très utile pour vos articles de blog, pour la documentation, les forums, etc.

This block makes it easy to embed them. While oEmbed (just paste in a Pen URL!) also works for CodePen embeds in the block editor, this plugin allows for much more control, like setting the the height, theme, and default tabs.

Captures d’écrans

  • Ajouter un bloc d’embarquement de CodePen.
  • Le bloc avec toutes ses options.

Blocs

Cette extension fournit 1 bloc.

  • CodePen Embed Embeds CodePen pens

Installation

Installer depuis le répertoire d’extensions WordPress.

FAQ

En quoi cette extension est utile ?

Utile pour embarquer les Pens que vous avez créé (ou que d’autres ont créé) depuis CodePen sur votre propre site WordPress.

Avis

20 janvier 2022
I write web development tutorials in my blog and have tried many syntax highlighter options for code snippets in the past. I recently decided to give Codepen a try and this plugin is surely the best way to embed and configure those!
Lire les 2 avis

Contributeurs/contributrices & développeurs/développeuses

« CodePen Embed Block » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“CodePen Embed Block” a été traduit dans 2 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « CodePen Embed Block » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal des modifications

1.0

  • Sortie initiale

1.0.2

  • Added editable option

1.0.3

  • Tested up to WordPress 6.3.1

1.1.0

  • Added new setting for default theme ID

1.2.0

  • Rewritten using @wordpress/blocks builder
  • Update RegEx to support 2.0 editor URLs