primeng 文本编辑器图标和标签未显示

Posted 2023-02-16

【中文标题】primeng 文本编辑器图标和标签未显示

【英文标题】：primeng text editor icon and label is not displaying

【发布时间】：2019-01-31 08:45:39

【问题描述】：

我在 Angular 项目中使用的 primeng 文本编辑器中看不到按钮的图标。 enter image description here

我添加到模块：import EditorModule from 'primeng/editor';

在下面的 html 中：

<p-editor class="fa fa-xxx"  [(ngModel)]="text1" [style]="'height':'320px'"></p-editor>
                <p>Value: text1||'empty'</p>

                <button pButton type="button" label="Clear" icon="fa-close" (click)="text1=null"></button>

                <hr style="border-top:0px;border-color:#dde3e6">

【参考方案1】：

Primeng 依赖于primeng 图标。如果你想使用图标，你必须明确地安装它。

npm install primeicons --save 

现在你需要在你的 styles.css 中导入如下图标：

@import '../node_modules/primeicons/primeicons.css';

或者您可以在 angular.json 文件中添加图标，如下所示：

"styles": [
  "node_modules/primeicons/primeicons.css",
  "node_modules/primeng/resources/themes/nova-light/theme.css",
  "node_modules/primeng/resources/primeng.min.css",
  //...
]

这里给出的所有细节PrimeNg get started

【讨论】：

执行“npm install primeicons --save”时出错

npm 错误！ Windows_NT 10.0.17763 npm 错误！ argv "C:\\Program Files\\nodejs\\node.exe" "D:\\programlar\\mergenEbys\\mergenTechEbysUI\\node_modules\\npm\\bin\\npm-cli.js" "安装" " primeicons" "--save" npm 错误！节点 v8.11.3 npm 错误！ npm v2.15.12 npm 错误！代码 EPEERINVALIDI 出现这样的错误我无法上传图片

检查这些链接以解决您的 npm 问题：[github 问题] (github.com/npm/npm/issues/10713) *** issue

angular.json 不是 JHipster webpack 配置读取的，所以这里不需要。

@GaëlMarziou 感谢您提供此信息...但我还没有尝试过 JHipster。