Editor 我将primeng从5更新到了版本8,编辑器组件没有';看起来不太好
更新时,编辑器无法正确显示,就像它没有加载css一样,但我安装了quill依赖项并将其添加到angular.jsonEditor 我将primeng从5更新到了版本8,编辑器组件没有';看起来不太好,editor,primeng,angular8,Editor,Primeng,Angular8,更新时,编辑器无法正确显示,就像它没有加载css一样,但我安装了quill依赖项并将其添加到angular.json "styles": [ "node_modules/primeicons/primeicons.css", "node_modules/primeng/resources/primeng.min.css", "node_modules/font-awesome/css/font-awesome.min.css", "node_modules/quill/d
"styles": [
"node_modules/primeicons/primeicons.css",
"node_modules/primeng/resources/primeng.min.css",
"node_modules/font-awesome/css/font-awesome.min.css",
"node_modules/quill/dist/quill.core.css",
"node_modules/quill/dist/quill.snow.css",
"src/styles.scss"
],
"scripts": [
"node_modules/quill/dist/quill.js"
]
package.json
"dependencies": {
...,
"primeicons": "2.0.0",
"primeng": "8.0.3",
"quill": "1.1.8",
},
angular.json
"styles": [
"node_modules/primeicons/primeicons.css",
"node_modules/primeng/resources/primeng.min.css",
"node_modules/font-awesome/css/font-awesome.min.css",
"node_modules/quill/dist/quill.core.css",
"node_modules/quill/dist/quill.snow.css",
"src/styles.scss"
],
"scripts": [
"node_modules/quill/dist/quill.js"
]
我觉得怎么样
应该是什么样子
控制台错误:
我的组件编辑器HTMLComponent
编辑器-html.component.html
<div *ngIf="showLabel != null ? showLabel : true"
class="label-top">{{ label }}</div>
<p-editor [style]="style ? style : {'height':'200px', 'background-color':'#FFFFFF'}"
[styleClass]="styleClass ? styleClass : null"
[placeholder]="placeholder"
[readonly]="readonly ? readonly : false"
[formats]="formats"
[(ngModel)]="value"
(onTextChange)="textChange ? textChange($event) : ''"
(onSelectionChange)="updateData($event)"
(onInit)="init ? init($event) : ''">
<p-header *ngIf="hideToolbar ? hideToolbar : false"
hidden>
<span class="ql-formats"></span>
</p-header>
</p-editor>
有什么想法吗
谢谢 我已经完全测试并将我现有的一个项目从Angular 5迁移到Angular 8。适用于涂底漆5至涂底漆8的迁移。仔细分析了你的情况。下面是你唯一遗漏的东西 在package.json中:
"primeicons": "^2.0.0",
"primeng": "^8.0.3",
"quill": "^1.3.7",
"rxjs": "~6.3.3",
注意:Quill JS版本应为1.3及以上版本,因为您已经迁移了所有其他库
以及预期产量:
为方便起见我还使用上述代码创建了stackblitz:
应用程序URL:
编辑器URL:
要使其正常工作:
"primeicons": "^2.0.0",
"primeng": "^8.0.3",
"quill": "^1.3.7",
"rxjs": "~6.3.3",
步骤1:如上所述更新package.json
步骤2:执行npm安装
步骤3:使用ng s
希望它一定能工作。您有任何控制台错误吗?是的,对不起,我更新了帖子,谢谢。