You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

PrimeNG p-editor显示异常求助:Angular环境下仅展示大SVG和底部输入框

PrimeNG p-editor 显示异常:仅渲染大SVG与底部输入框

我的网站中PrimeNG的p-editor组件显示异常,仅渲染出一个大SVG图标和底部的几个输入框,页面表现如下:

  • 页面顶部截图:页面顶部
  • 页面底部截图:页面底部

环境信息

  • Angular v15.2.4
  • NodeJS v18.15.0
  • PrimeNG v15.2.1
  • 已通过npm install quill安装Quill依赖

已尝试的解决措施

  • 升级Angular和NodeJS至最新版本
  • 参照PrimeNG官方教程示例实现组件
  • 更换不同浏览器测试(问题未解决)

相关代码

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>

恳请提供技术支持以解决该显示异常问题。

内容的提问来源于stack exchange,提问作者L1N3NM3L0N

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.27 00:15:22