首页 > 其他 > 详细

Angular tinymce-editor 第二次进入组件出现的bug

时间:2021-05-27 22:23:31      阅读:31      评论:0      收藏:0      [点我收藏+]

在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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!