paint-brush
Codepen Embeds が 3.0 エディターでサポートされるようになりました@richardjohnn
914 測定値
914 測定値

Codepen Embeds が 3.0 エディターでサポートされるようになりました

RichardJohnn1m2022/10/30
Read on Terminal Reader
Read this story w/o Javascript

長すぎる; 読むには

コードペンのリンクをコピーして貼り付けるだけで、コードペンをハッカーヌーン ストーリーに埋め込むことができます。

Company Mentioned

Mention Thumbnail
featured image - Codepen Embeds が 3.0 エディターでサポートされるようになりました
RichardJohnn HackerNoon profile picture
0-item

こんにちは。3.0 エディターを使用すると、 https: //codepen.io/ のリンクを HackerNoon のストーリーに埋め込むことができるようになりました。


次のように、埋め込みリンクを (新しい行に!) 貼り付けるだけです。

https://app.hackernoon.com/mobile/bELI6hLg6Dl2YwABNiGd


次に、リンクにカーソルを合わせて、埋め込みをオンに切り替えます。

結果は次のようになります。

ストーリー自体では、埋め込みの上に重ねて、右上の展開アイコンをクリックすると、埋め込みを展開できます。これにより、埋め込みの幅が広がります。これは、分割ビューを見ているときに便利です。


PS このカボチャは、replicate.com で Stable Diffusion を使用して作成されました。これは、HackerNoon で公開されているすべてのライターが使用できます (現在、すべてのエディターで使用されています!)。今後新しく公開されたライターも、このオプションにアクセスできるようになります。そのリリースをお楽しみに! ✌️