angular - PrimeNG p-editor 显示不正确

我的 p-editor 在网站上显示不正确。请查看下面的图片：页面顶部 页面底部

它只显示大的 SVG 和底部的几个输入框。

我正在使用 Angular v15.2.4、NodeJS v18.15.0、PrimeNG v15.2.1。我还通过 npm install quill 安装了 quill

app.module.ts

import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import { EditorModule } from 'primeng/editor';

@NgModule({
  declarations: [AppComponent, HomeComponent],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    EditorModule,
  ],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

app.component.html

<h5>Write Here</h5>
<p-editor [style]="{ height: '120px' }"></p-editor>

<router-outlet></router-outlet>

我已经尝试将我的 Angular 和 NodeJS 更新到最新版本，但没有效果。我尝试过按照在线教程/示例（官方 PrimeNG 网站）操作，结果仍然一样。甚至尝试从一个浏览器换到另一个浏览器。

答案＃1

将此行添加到 angular.json 的 styles 部分：

"node_modules/quill/dist/quill.snow.css"

答案＃2

确保你已经正确完成了安装。

PrimeNG 编辑器使用 Quill 包。你应该遵循 Quill 文档中的此文档以及 https://primeng.org/editor。