angular - PrimeNg 错误 : Quill is not defined

Question

我正在尝试使用 primeng 中的编辑器控件:https://www.primefaces.org/primeng/#/editor

但是我得到了错误:

ERROR ReferenceError: Quill is not defined at Editor.webpackJsonp.../../../../primeng/components/editor/editor.js.Editor.ngAfterViewInit

我的项目使用:

• Angular Cli:1.4.1
• Angular :4.3.6
• NPM:5.4.1
• 节点:6.10.0
• PrimeNG:4.2.0

我发现了这个问题:https://github.com/primefaces/primeng/issues/807

我按照说明操作:

导入编辑器模块

import {EditorModule} from 'primeng/primeng';

安装包:

npm install quill --save

npm install @types/quill --save

更新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" ],

但它仍然有同样的问题。我只是添加默认标记:

<p-editor [(ngModel)]="text" [style]="{'height':'320px'}"></p-editor>

我收到错误，它看起来像这样:

在该线程上，我唯一没有尝试的是安装 webpack 插件，因为我使用的是 angular cli，我认为这不是一个选项。

我可以尝试解决这个问题吗？

Answer 1

试试这个:它非常适合我

版本:

Node : 7.9.0
angular/cli: 1.3.0
angular: 4.3.6
npm: 4.2.0
primeng": "^4.2.0-rc.1"

安装节点模块quill

npm install quill --save

.angular-cli.json

"styles": [
  "../node_modules/primeng/resources/themes/omega/theme.css",
  "../node_modules/primeng/resources/primeng.min.css",
  "../node_modules/quill/dist/quill.core.css",
  "../node_modules/quill/dist/quill.snow.css"
],
"scripts": [
  "../node_modules/quill/dist/quill.js"
]

app.module.ts

import { EditorModule } from 'primeng/primeng';

@NgModule({
    imports: [
        EditorModule
    ]
})

app.component.html

<p-editor [(ngModel)]="text" [style]="{'height':'320px'}"></p-editor>

app.component.ts

export class AppComponent {
    text: string;
}