search

cipchk / ngx-tinymce

Angular for tinymce
https://cipchk.github.io/ngx-tinymce/
MIT License
79 stars 15 forks source link

再次打开会报错 导致 ngmodel绑定的内容无法加载 #4

Closed adongroom closed 4 years ago

adongroom commented 6 years ago

编辑操作 需要回显 富文本内容 首次打开没有问题,第二次打开 core.js:1427 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'length' of null TypeError: Cannot read property 'length' of null at plugin.min.js:1 at yb. (plugin.min.js:1) at zd.r.fire (tinymce.min.js:2) at yb.fire (tinymce.min.js:2) at yb.setContent (tinymce.min.js:2) at TinymceComponent.writeValue (ngx-tinymce.umd.js:200) at setUpControl (forms.js:2288) at eval (forms.js:5638) at ZoneDelegate.invoke (zone.js:392) at Object.onInvoke (core.js:4753) at plugin.min.js:1 at yb. (plugin.min.js:1) at zd.r.fire (tinymce.min.js:2) at yb.fire (tinymce.min.js:2) at yb.setContent (tinymce.min.js:2) at TinymceComponent.writeValue (ngx-tinymce.umd.js:200) at setUpControl (forms.js:2288) at eval (forms.js:5638) at ZoneDelegate.invoke (zone.js:392) at Object.onInvoke (core.js:4753) at resolvePromise (zone.js:824) at eval (zone.js:876) at ZoneDelegate.invokeTask (zone.js:425) at Object.onInvokeTask (core.js:4744) at ZoneDelegate.invokeTask (zone.js:424) at Zone.runTask (zone.js:192) at drainMicroTaskQueue (zone.js:602) at ZoneTask.invokeTask [as invoke] (zone.js:503) at invokeTask (zone.js:1540) at HTMLElement.globalZoneAwareCallback (zone.js:1566)

cipchk commented 6 years ago

能否重现一个 stackblitz

adongroom commented 6 years ago

您的那个 不太会用 来个 github https://github.com/adongroom/testdemo.git 第二次点编辑出错

cipchk commented 5 years ago

stackblitz 支持直接导入 github，像你的 git 项目可以转换成：https://stackblitz.com/github/adongroom/testdemo

但是我依然无法打开。

zyu commented 5 years ago

再次打开会报错，这个还是没有解决吗？

zyu commented 5 years ago

今天遇到了还是这个问题

cipchk commented 5 years ago

欢迎提供重现示例

zyu commented 5 years ago

最新的ng-zerro-ant好像没有了nzmodalsubject，有 nzmodalref constructor( private modal: NzModalRef, private msg: NzMessageService, private injector: Injector, private http: _HttpClient, ) this.modal.destroy();

你用的是nzmodalsubject 两个不一样 ,这样第二次打开的时候就是空白 没有loading...

ayaka209 commented 5 years ago

不能加载的情况我也遇到了，晚些有机会复现一个 stackblitz，似乎得是切换页面（路由）才出现

ayaka209 commented 5 years ago

目前猜测是切换路由的时候没有销毁tinymce，最近太忙了没时间测试这部分

cipchk commented 5 years ago

@ayaka209 能否提供一个重现示例呢？

ayaka209 commented 5 years ago

@cipchk 嗯嗯晚些提供，最近加班太忙了不好意思

ayaka209 commented 5 years ago

我这边在不能加载的时候 TinymceComponent的init方法调用时，textarea没有插入到dom里 所以可能不是ngx-tinymce组件而是ng-alain那边我用的有问题（widget），和这个issue可能不是一个问题

抱歉打扰2位了 最后加了个delay=1000

<tinymce [delay]=1000
jackyang9451 commented 5 years ago

我这边在不能加载的时候 TinymceComponent的init方法调用时，textarea没有插入到dom里 所以可能不是ngx-tinymce组件而是ng-alain那边我用的有问题（widget），和这个issue可能不是一个问题

抱歉打扰2位了 最后加了个delay=1000

我也遇到了类似的问题,使用自定义的小部件使用ngx-tinymce初次加载的时候富文本框显示正确,切换路由再切回来就找不到了.

dangzhenghui1985 commented 5 years ago

我也遇到这个问题和

我这边在不能加载的时候 TinymceComponent的init方法调用时，textarea没有插入到dom里 所以可能不是ngx-tinymce组件而是ng-alain那边我用的有问题（widget），和这个issue可能不是一个问题 抱歉打扰2位了 最后加了个delay=1000

我也遇到了类似的问题,使用自定义的小部件使用ngx-tinymce初次加载的时候富文本框显示正确,切换路由再切回来就找不到了.

我也遇到这个问题了就是加载的问题加了延迟是可以但是体验不是很好

yyget commented 5 years ago

我用的ng-alain curd ，list打开modal包含tinymce，第一次显示，第二次就是空白了，tinymce控件都不显示，后来按照上边的加了delay=100就可以了，1000有点长，100就可以。作者可以自己在list上加个按钮打开modal显示tinymce试试。