小程序 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> 的自带样式，而后编辑本身的样式，或者用样式类也能够。