文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在没有CodePen框架的网站中嵌入CodePen笔

问如何在没有CodePen框架的网站中嵌入CodePen笔
EN

Stack Overflow用户

提问于 2019-03-27 19:06:10

回答 2查看 1.5K关注 0票数 2

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

javascript

html

css

codepen

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-03-27 19:25:40

您可以通过在嵌入代码段上设置数据属性来做到这一点-

data-show-tab-bar='no'

或者在嵌入主题生成器中选择‘隐藏’选项，在选项卡栏下拉。然而，这是一个PRO功能，只有当您有PRO版本的代码时才能工作。

票数 2

Stack Overflow用户

发布于 2021-05-07 13:19:36

如果您不想为Codepen的Pro版本付费，以下是另一种选择：

导出并下载您的Codepen项目
将文件上载到Github页面站点
将Github页面项目URL嵌入到您想要的位置。

<embed src="username.github.io/project_name">

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55384772

复制

相似问题

问如何在没有CodePen框架的网站中嵌入CodePen笔
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在没有CodePen框架的网站中嵌入CodePen笔EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在没有CodePen框架的网站中嵌入CodePen笔
EN