我正在尝试在 Webflow 中嵌入交互式图像,但我的内容中的换行符没有显示



所以我正在为一个客户端网站制作一个交互式图像,我使用这个网站使图像具有交互式:https://imagemarker.com/discover.html

图像看起来很棒,但他们给你的代码一团糟,我在嵌入它时遇到了一些问题。

我能够挑选出html代码并将其添加到页面代码中,然后将其余的脚本代码放入嵌入元素中。这是可行的,但唯一的问题是,我的交互式内容中的换行符没有显示出来,而是作为一行出现的,我不理解这个问题,因为我在编码方面非常业余。。。

这是我通过网站收到的代码:https://gist.github.com/timeanator/5ad0f3da36496cbd4fc3dd364ab680e9

以下是交互应该是什么样子:https://i.stack.imgur.com/0YgWo.jpg这就是它目前在webflow上的样子:https://i.stack.imgur.com/tO8dT.jpg

我觉得这是一个简单的解决方案,但在编码方面我太笨了,任何帮助都非常感谢!!

只读webflow链接:https://preview.webflow.com/preview/timeas-awesome-project?utm_medium=preview_link&utm_source=设计器&utm_content=timeas真棒项目&预览=4021eaac3f6f76bb92ac1840cbfa741b&mode=预览

您在gist上共享的代码与您在webflow网站上描述的问题相同。我认为问题出在imagemarker的文本输出上。将文本部分中的n替换为<br />将解决此问题。

Codesandbox链接(我已经修改了第105行作为示例(Codesandbox还格式化了代码,以显示文本的确切位置

最新更新