在Angular 项目中使用Tinymce-editor时 发现出现了一个奇怪的问题,在切换标签后 再次进入组件 发现内容丢失 并且无法编辑,
现记录一下我的解决方案
@Component({
selector: ‘tinymce-editor‘,
template: `<editor
[init]="editParam"
[(ngModel)]="editorValue"
(ngModelChange)="editorValueChange($event)"
[name]="name"
:key="tagName"
[id]="tagName"
*ngIf="loadTinyMce"
[required]="required"
[tagName]="getTagName()"
></editor>`,
this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe((event: NavigationEnd) => {
setTimeout(() => (this.loadTinyMce = false));
setTimeout(() => (this.loadTinyMce = true));
});
原理是组件监听所有进入包含Tinymce的页面后重新初始化一次Tinymce富文本编辑器
Angular tinymce-editor 第二次进入组件出现的bug
原文:https://www.cnblogs.com/LiuQianKun38/p/14819114.html