嵌入CodePen不渲染现场

Question

下面的代码已被添加到我的网页，并应使现场CodePen图像，而是它显示显示一个链接：

<p>Fitness app</p> 
<div class="w3-half w3-grayscale-max"> 
    <p data-height="364" data-theme-id="0" data-slug-hash="Njmvae" data-default-tab="result" data-user="seyicole" data-embed-version="2" data-pen-title="Fitness app" class="codepen">See the Pen <a href="https://codepen.io/seyicole/pen/Njmvae/">Fitness app</a> by seyi (<a href="https://codepen.io/seyicole">@seyicole</a>) on <a href="https://codepen.io">CodePen</a>.</p> 
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script> 
</div> 

关于为什么CodePen没有任何想法完全渲染？谢谢！

Answer 1

在您的CodePen页面上，点击右下角的Embed按钮。从那里你可以选择你想要的笔显示，因为它嵌入在你的网页上。然后选择复制&粘贴代码。

看起来好像是你的问题的片段没有必要的数据属性：

<p data-height="265" data-theme-id="0" data-slug-hash="Njmvae" data-default-tab="js,result" data-user="seyicole" data-embed-version="2" data-pen-title="Fitness app" class="codepen">See the Pen <a href="https://codepen.io/seyicole/pen/Njmvae/">Fitness app</a> by seyi (<a href="https://codepen.io/seyicole">@seyicole</a>) on <a href="https://codepen.io">CodePen</a>.</p> 

你可以阅读更多关于embedding pens上CodePen的博客。