马赫(曼苏尔Maher)
# 1
你好,
我创建了一个自定义表单并上传到github,
我怎样才能将它嵌入我的网站在webflow?
该表单是HTML、js、CSS的混合。
我不能直接把它放在webflow中,因为在自定义代码中有10,000个字符的限制。
这是我的网站只读:链接
(如何分享你的网站只读链接)
嗨@Maher你可以把你的网站和你的表单链接起来,这样我们就可以看到你在尝试做什么,并提供一些指导。一般来说,答案是“可能还没有”,但最好的方法取决于具体情况。
选择1 -使用JSDELIVR.CSS和JS很简单。对于HTML,您可能必须IFRAME它,或ajax -嵌入它。您需要处理自己的表单数据捕获。
选项2 -只对CSS和JS使用JSDELVR,然后在Webflow中重建你的表单HTML。这为您提供了更多的样式控制、断点等。你可以获得你所有的CSS和JS功能,如果你想,你也可以使用Webflow内置的表单数据捕获。
马赫(曼苏尔Maher)
# 3
这是我网站的一个只读链接Webflow -主类
这里是如何实现的代码,我的github仓库也是公开的。
由于某种原因,它不起作用
我不知道你想做什么也不知道我应该看到什么。
我也不熟悉您正在使用的库,或者它们是如何配置的。
但值得注意的是,我没有看到任何脚本错误,或404 url,所以似乎没有明显的设置问题。
也< div >
你的设置似乎已经扩展了,我假设通过animatedModal脚本。我会假设一切都按照你设定的那样运行。最可能的情况是,您需要一些按钮来触发模态的出现。
您将需要深入研究库文档,以找出该配置应该如何工作。
嗨@Maher欢迎参加论坛。
我过去通过在想要使用的页面上添加定制代码来解决这个问题。自定义代码是一个Javascript标记,带有指向您提到的Github代码的源代码链接。我链接到“原始”代码。
当Webflow页面加载时,Github托管的Javascript也会加载。
1像
太棒了@Maher!
我想自己玩JS交付一点,所以我用它做了一个快速构建,并截图我一路上做的一切。
也许它会帮助那些偶然发现这条线索的人
步骤1
我创建了一个包含20000个字符的tmp文件。我想真正地测试一下极限
步骤2:
我创建了一个Javascript文件,并将这20k个字符添加到一个常量中。然后添加一个简单的JS警告弹出后,它。
然后我在Github上托管它:
步骤3:
转到JS交付,并查找我应该使用的URL。
我爱JS交付。我不需要上传任何东西或链接我的Github帐户。当它被调用时,它只是为我捕获代码,并在他们的CDN分发它,很好!
这是我的URL看起来的样子:
https://cdn.jsdelivr.net/gh/NoCodeQuest/webflow-10k-limit-bypassed/hello-20k.js
步骤4:
将JS Deliver URL捆绑到Javascript标签中:
步骤5:
将JS标签添加到我的Webflow页面。我喜欢把这些放在< /身体>
标签,所以网站的其余部分首先加载。
你可以看到,如果我不使用JS标签,而只是粘贴原始的Javascript到Webflow,我得到可怕的错误:
步骤6:
发布了我的Webflow项目,打开了现场网站:
繁荣!
没有好工作
为了让开发变得更好,你还可以做很多事情。但这是一个很好的开始!再次感谢Maher鼓励我这么做,希望它能帮助到别人。