2022-12-06 js 如何把富文本中的数字字号变成像素

编辑内容，提交，后端以富文本形式返回，内容假设为 

"<p><b><font size="7">标题</font></b></p>"

我们可以看到里面有一个size="7",对应着富文本里面的字号48px。由此得知，你在富文本设置了字号，你拿到的是以size='xx'的形式数据。

这时候我们可以使用正则表达式去替换掉指定的值。比如说：

let data = "<p><b><font size="7">标题</font></b></p>";

let str = data.replace(/size="7"/gi, 'style="font-size: 48px"' );

这样我们就能拿到想要的样，不过需要注意的是，这仅能当内容里面只设置了一个字号的时候才能正确替换，而内容如果有多个字号设置，那么我想需要进行进一步的优化才行。

注意：

size="7" 对应 48px

size="6" 对应 32px

size="5" 对应 24px

size="4" 对应 18px

size="3" 对应 16px

size="2" 对应 13px

size="1" 对应 10px

最后的最后（2023-05-04编辑）：replace不会修改原字符串，只会返回一个新的字符串；

而这个数据需要你用另一个变量去接收才行，不然你直接replace原字符串，又没有赋值到新变量，那么你就会发现replace后还是原来的字符串！