javascript - NextJS自动将<img/>标签替换为<Image/>组件

我遇到了问题，我从 headless CMS (Directus) 获取 HTML(和 md)。问题是图像没有优化。如何使用 Next`s Image-Component 自动替换所有获取的标签？

这是我获取 Html 代码的方式:

<div dangerouslySetInnerHTML={ {__html: data.path} }></div>

这是我获取 MD 的方式:

<ReactMarkdown rehypePlugins={[rehypeRaw]}>
  {data.path}
</ReactMarkdown>

最佳答案

通常代码编辑器都有这样的功能。在编辑器中自行了解如何执行此操作

关于javascript - NextJS自动将<img/>标签替换为<Image/>组件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/70796747/

相关文章：

postgresql - 了解全文搜索查询中子句顺序的影响