Javascript 如何在没有代码笔框架的情况下将代码笔嵌入网站

是否可以在没有默认框架/导航栏的情况下将CodePen中的笔嵌入网站？换句话说，有没有可能去掉笔顶部和底部的横条？谢谢

您可以通过在嵌入式代码段上设置data属性来实现，如下所示-

data-show-tab-bar='no'

---

或者在“嵌入主题生成器”中，通过在选项卡栏下拉列表中选择“隐藏”选项。但是，这是一项专业功能，仅当您拥有专业版的codepen时才起作用。

如果您不想为专业版的codepen付费，这里有另一个选项：

导出并下载您的Codepen项目

将文件上载到Github页面站点

将Github页面项目URL嵌入到所需位置