自定义代码嵌入 - Webflow 帮助
使用代码嵌入元素添加自定义代码块，解锁各种自定义功能。
<style>标签中的CSS和<script>标签中的JS。您无法在代码嵌入元素中集成服务器端语言（例如，Perl、PHP、Python、Ruby）。如何添加代码嵌入元素
您可以在设计中的任何位置或富文本元素中嵌入第三方代码或您自己的自定义代码。
如何直接将自定义代码添加到您的设计中
- 复制您想要嵌入的代码到剪贴板
- 打开添加面板并将代码嵌入元素添加到Webflow画布
- 粘贴您在步骤1中复制的自定义代码
- 保存并关闭模态框
<html>、<body>或<head>标签，否则您的网站/布局将会出错。如何向富文本元素添加自定义代码
- 将您想嵌入的代码复制到剪贴板
- 将光标放置在您想添加自定义代码的富文本元素中
- 点击“加号”图标打开插入菜单，然后点击自定义代码按钮
- 粘贴您在步骤1中复制的自定义代码
如何在自定义代码中使用动态内容
您可以将集合字段合并到嵌入代码中，以动态提取信息用于各种用途。 了解更多：请参阅Webflow帮助中心的动态嵌入。
如何编辑代码嵌入元素
有几种方法可以打开代码编辑器并编辑代码嵌入元素中的代码。您可以：
- 在画布上选择代码嵌入元素并双击
- 在画布上选择代码嵌入元素并按回车键
- 在画布上选择代码嵌入元素并点击设置“齿轮”图标
- 在画布上选择代码嵌入元素并在设置面板的代码嵌入设置下点击打开代码编辑器
如何设置代码嵌入元素的尺寸
如果代码嵌入元素中的自定义代码没有明确设置大小或尺寸，内容通常会占据其父元素的全部宽度。您可以在自定义代码中附加height="100%" width="100%"，这将允许您从样式面板调整嵌入元素和内容的宽度和高度。
如何预览嵌入的内容
用<iframe></iframe>或<style>标签包裹的自定义代码将在画布或富文本元素中显示预览，但某些代码嵌入只能在实时网站上查看。每当在代码编辑器中使用标签时，您将在设计器中看到该元素的占位符。
一旦您预览、发布或导出您的网站，脚本和自定义代码将在您放置的位置呈现。
此处的所有代码将被排除
了解更多：请参阅使用.webflow.io作为测试和反馈的暂存域。
常见问题和故障排除提示
我可以在代码嵌入元素中使用服务器端语言吗？
您不能在代码嵌入元素中集成服务器端语言（例如，Perl、PHP、Python、Ruby）。代码嵌入元素仅支持HTML、<style>标签中的CSS和<script>标签中的JS。
我可以增加代码嵌入元素的50,000字符限制吗？
代码嵌入元素中的自定义代码不能超过50,000字符。如果您要嵌入的代码更长，可以将其存储在其他服务器上，并在嵌入中引用该脚本。您还可以使用第三方工具压缩自定义代码，或将代码拆分为多个代码嵌入元素（前提是这不会破坏任何JavaScript函数）。帮助！我的自定义代码无法运行！
仔细检查您的代码是否包含适当的开头和/或结尾标签，并且不包含<html>、<body>或<head>标签。
截至2020年8月，新发布的Webflow网站包含jQuery v3.5.1。使用自定义代码导入其他版本的jQuery可能会导致网站上的冲突和意外行为。影响DOM事件的脚本，如onClick、onHover等，也可能导致意外行为。
请记住，自定义代码是一种高级修改，可能与Webflow的基础功能冲突。因此，Webflow无法保证任何自定义代码的功能或完全兼容性。
我们的支持团队无法直接帮助设置或排除自定义代码的故障，因为这些主题超出了我们的客户支持政策范围。如果您在使用自定义代码时遇到问题，请在Webflow论坛上告诉我们，整个Webflow社区（包括工作人员）可以提供额外的帮助和资源。