小程序 rich-text 格式化内容

rich-text 格式化内容

从服务端返回的富文本内容，往往内置的图片不能友好的在小程序端展示，在这里给出格式化的方法。（去除原有样式很重要，很多博文给出的方法里都没有提及）

let html = content.replace(/<p([\s\w"=\/\.:;]+)((?:(style="[^"]+")))/ig, '<p')
    .replace(/<p>/ig, '<p style="font-size: 16px;" class="u-css-clss">')
    .replace(/<img([\s\w"-=\/\.:;]+)((?:(height="[^"]+")))/ig, '<img$1')
    .replace(/<img([\s\w"-=\/\.:;]+)((?:(width="[^"]+")))/ig, '<img$1')
    .replace(/<img([\s\w"-=\/\.:;]+)((?:(style="[^"]+")))/ig, '<img$1')
    .replace(/<img([\s\w"-=\/\.:;]+)((?:(alt="[^"]+")))/ig, '<img$1')
    .replace(/<img([\s\w"-=\/\.:;]+)/ig, '<img$1 style="width: 100%; border-radius: 5px;" class="u-css-clss"');

使用正则去除<p> <img> 的自带样式，然后编辑自己的样式，或者用样式类也可以。