后端返回文本有html标签，保留img去除其他标签并换行

css添加下面的属性：

    .text {
      // white-space: pre-line; //保留文本格式，自动换行
      white-space: pre-wrap; // pre-line基础上遇到边界时自动换行
      word-wrap: break-word; //设置强行换行
      word-break: break-all;
      :deep(img) {        // 设置图片宽高适应容器
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }
      :deep(pre) {  // 设置预格式化的文本
        white-space: pre-wrap;  // 自动换行
      }
 

html区域：

      <p class="text" v-html="后台文本" ></p>

———————————————————————————————————————————

其他：

去除html标签

    <p class="text" v-html="文本.replace(/<[^>]+>/g, '')" ></p>

保留部分标签的同时去除其他html标签

  <p class="text" v-html="文本.(/<(?!img | a | 其他标签)[^>]*>/g, '')" ></p>

去除html标签后根据\n换行

      <div
        class="text"
        v-html="
          文本.replace(/<[^>]+>/g, '').replace(/\n/g, '<br/>')
        "
      ></div>