My text editor is not displaying correctly on my website. Please refer to the following images for reference: Top of the page Bottom of the page
Currently, it only shows a large SVG and a few input fields at the bottom.
The technologies I am using include Angular v15.2.4, NodeJS v18.15.0, and PrimeNG v15.2.1. I have also added quill by running npm install quill
Here is a snippet from my app.module.ts file:
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 {}
And here is a snippet from my app.component.html file:
<h5>Write Here</h5>
<p-editor [style]="{ height: '120px' }"></p-editor>
<router-outlet></router-outlet>
I have attempted updating both Angular and NodeJS to their latest versions without success. I followed tutorials and samples from official PrimeNG site but encountered the same issue. I even tried switching browsers, but the problem persists.