1、react 中加载html内容
参考: dangerouslysetinnerhtml
<div dangerouslySetInnerHTML={{ __html: html }}></div>
2、解决Ueditor上传的图片在手机端的自适应问题
ueditor.execCommand(
'inserthtml',
`<p><img style="max-width:100%" src="${res.data.url}" /></p>`,
);
3、解决Ueditor的表格在手机端的自适应问题
useEffect(() => {
let tables = document.getElementsByTagName('table');
let pageConent = document.getElementById('pageConent');
let windowWidth = window.innerWidth;
console.log('tables', tables, tables.length, window.innerWidth);
for (let i = 0; i < tables.length; i++) {
if (windowWidth < tables[i].width || windowWidth < tables[i].style.width) {
tables[i].width = '100%';
tables[i].style.width = '100%';
}
tables[i].style['max-width'] = '100%';
}
console.log('pageConent', pageConent);
}, [htmlString])