小程序 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> 的自帶樣式，而後編輯本身的樣式，或者用樣式類也能夠。