从 HTML 登陆迁移到 NextJS。如何解析html块？

Migrating from HTML landings to NextJS. How to parse html blocks?

提问人：Tactic Sugar 提问时间：10/20/2023 更新时间：10/20/2023 访问量：21

问：

首先，我知道，这是一项奇怪的任务，但我现在别无选择。 有一个电子商务网站，有~500种产品。所有 500 个页面都是带有不同块的登录页面：滑动器、滑块、GIF、视频、图像、带文本的图像、带按钮的图像、步骤、表格等...... 此外，每个产品都有通用块：ProductHero、ProductInfoTable、ManagerForm... 同样，我不知道为什么他们决定将其迁移到 Next，但我需要完成此任务。 例如，如果每个产品至少有 5 个独特的块，这意味着我需要在 react 中创建 500*5=2500 个组件，这太疯狂了。 我想从旧的html中解析部分并从中保存seo加分项。我需要以某种方式连接样式。也许在Next的组件中？ 或者我有什么想法如何解析旧 html 中的某些部分以将它们插入到我的动态产品路线中？或者我可以以某种方式从后端获取它，那么我该如何连接样式？

是否可以选择使用 iframe 插入这些块？seo会被保存（由机器人解析）吗？

HTML ReactJS 解析 下一个 .js 前端

评论

0赞 Emobe 10/20/2023
您是否正在尝试将一堆不同的旧前端代码组合在一起？这些“旧html”是什么？您永远不需要在 react 中手动创建 2500 个组件。到目前为止，您尝试过什么？
0赞 Community 10/20/2023
请提供足够的代码，以便其他人可以更好地理解或重现问题。
0赞 Tactic Sugar 11/3/2023
所以我有 ~500 种产品。每个产品都有一个独特的块（功能）： - 带有按钮的块，在单击时显示带有动画的模态， - 与特定产品相关的图片的动画块， - 另一个具有不同动画的块。- 正如我之前所说，还有许多其他部分，它们彼此完全不同。所有这些页面都是通过逐个创建登录页面来“手动”创建的。现在，无论出于何种原因，我都需要在 NextJs 上重写它。我可以从后端获取带有样式作为字符串的 html 块，也可以获取样式作为链接以在 NextScript 中设置它吗？

答： 暂无答案

上一个：JavaScript 解析错误给出错误的输出，不考虑文本是否在下一行中

下一个：带有 url 的 wrok 的 Python 解析器