我已经遵循了很多教程,但到目前为止,我还没有设法让 PrimeNG 的编辑器模块显示出来!(其他模块(例如 Toast 或按钮)工作正常,只是编辑器无法工作)。
所以这就是我所做的:
在 app.module.ts 中导入模块
import { EditorModule } from 'primeng/editor';
Run Code Online (Sandbox Code Playgroud)
已安装的软件包
npm install quill --save
npm install @types/quill --save
Run Code Online (Sandbox Code Playgroud)
更新了 angular-cli.json
"styles": [ "../node_modules/quill/dist/quill.core.css", "../node_modules/quill/dist/quill.snow.css", ]
"scripts": [ "../node_modules/quill/dist/quill.js" ]
Run Code Online (Sandbox Code Playgroud)
以 2 种不同的方式插入 HTML
<p-editor [(ngModel)]="text" [style]="{'height':'320px'} ngDefaultControl"></p-editor>
<form style="text-align: center; margin: 0 auto; width: auto" [formGroup]="avisoForm" (ngSubmit)="atualizarCargo()">
...
<p-editor formControlName="msgAviso" [style]="{'height':'320px'}" ngDefaultControl></p-editor>
</form>
Run Code Online (Sandbox Code Playgroud)
在 TS 文件中引用它们
this.avisoForm = new FormGroup({
msgAviso: new FormControl,
titAviso: new FormControl
})
text: string;
Run Code Online (Sandbox Code Playgroud)
然而,它不会向最终用户显示任何内容,即使那里显示了 p-editor 标签:
我认为这可能是 …