在React中,你可以使html-react-parser
库来解析HTML字符串,并修改其中的img标签的width属性后,再使用React的ReactDOMServer.renderToStaticMarkup
方法将React元素转换为HTML字符串。
import htmlReactParser from 'html-react-parser';
import ReactDOMServer from 'react-dom/server';
const parsedHtml = htmlReactParser(html, {
replace: (domNode) => {
if (domNode.type === 'tag' && domNode.name === 'img') {
domNode.attribs.width = '100%';
}
return domNode;
}
});
// 将React元素转换为HTML字符串
const htmlString = ReactDOMServer.renderToStaticMarkup(parsedHtml);
react@17 安装html-react-parser
库时需要注意版本匹配,参考:react17安装html-react-parser运行报错记录