如何在使用Jhipster创建的角度应用程序中集成PrimeNG编辑器

时间：2018-01-14 05:24:21

标签： angular editor jhipster primeng

我正在尝试将PrimeNG editor整合到JHispter生成的angular应用中 我在PrimeNG网站上关注 general instructions和editor instructions：

  1. npm install primeng --save
  2. npm install @angular/animations --save
  3. npm install quill --save
  4. 将Quill添加到angular-cli.json
    5. 中的脚本
  5. 在EditorModule
    6. 中导入home.modules
  6. 在html文件中添加了<p-editor [(ngModel)]="text" [style]="{'height':'320px'}"></p-editor>
  7. 执行npm start命令以运行该应用程序。

    8. UI如下所示 enter image description here 并低于错误：

      

    ERROR ReferenceError：未定义Quill       在Editor.ngAfterViewInit（webpack-internal：///./node_modules/primeng/components/editor/editor.js：36）   enter image description here

    由于

2 个答案:

答案 0 :(得分：2)

我遇到了同样的错误。

在我的webpack.common.js中添加了以下代码到插件中，现在它正在运行。

new webpack.ProvidePlugin({ Quill: "quill" })

答案 1 :(得分：0)

我遇到了同样的问题。

我不确定这是否是正确的解决方案，但它对我有用 -

将以下行添加到index.html - 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/quill/1.3.5/quill.min.js" integrity="sha256-OEsiRE77EL46ZjgPqmsXfsNcOQPrMG/M6hHBF65jXP4=" crossorigin="anonymous"></script>
相关问题
最新问题