Angular：解决innerHTML绑定页面内容，sanitizing HTML stripped some content警告处理和富文本背景色样式无法正常显示的问题

原创

于 2019-07-17 17:20:02 发布 · 1.8k 阅读

CC 4.0 BY-SA版权

背景：在系统中使用quill富文本编辑器，使用的版本是[email protected]，具体使用方法参见我的另一篇博客 Angular：ngx-quill富文本编辑器的使用（地址：https://blog.csdn.net/qq_36451496/article/details/88971422）

其中用富文本编辑好的表单内容这样在页面上展示：

 <div nz-col [nzSpan]="18">
      <nz-form-item nzFlex>
         <nz-form-label nz-col [nzRequired]="!isReadOnly" [nzSpan]="10" nzFor="content">消息内容</nz-form-label>
           <nz-form-control nz-col [nzSpan]="14">
              <ng-container>
                 <div [innerHTML]="this.validateForm.controls.content.value"></div>
              </ng-container>
           </nz-form-control>
        </nz-form-item>
  </div>

像这样使用innerHTML直接