html - Quill Editor 显示其他内容

Question

我正在尝试在我的应用程序上使用羽毛笔编辑器，我已按照所需的步骤进行操作，羽毛笔编辑器正在显示需要的位置，但它显示了一些形状和框。这是我下面的代码；app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';

import { AppComponent } from './app.component';
import { HeaderComponent } from './header/header.component';
import { FooterComponent } from './footer/footer.component';
import { AppRoutingModule } from './app.routing';
import { SharedModule } from './shared/shared.module';
import { QuillModule } from 'ngx-quill';

@NgModule({
  declarations: [
    AppComponent,
    HeaderComponent,
    FooterComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    SharedModule,
    HttpClientModule,
    QuillModule.forRoot()
  ],
  providers: [

  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

我还在我正在使用的模块中导入了 QuillModule

html代码

<div class="form-group">
  <label for="">Post Body</label>
  <quill-editor formControlName="body"></quill-editor>
</div>

我还在我的 styles.css 中导入了必要的羽毛笔样式

下面是羽毛笔编辑器显示的图像

如果我继续滚动，我会继续看到不同的形状。