18910140161

HTML-如何在一个页面上有效地使用多个CKEditor5实例?-堆栈溢出

顺晟科技

2022-10-18 14:10:46

215

我有一个可能有200多个输入的表单。所有输入都需要使用CKEditor5。但是,如果我同时加载所有200个CKEditor5,打开页面的时间将超过10秒。当前的实现如下。

模板:

<代码><;手风琴垫子>;<;mat-expansion-panel*ngfor=";let question of questionlist;设I=索引<;!--此处为其他视图-->;<;CKEditor[编辑器]=";编辑器";[(ngModel)]=";问题提示";>;<;/ckeditor>;<;/mat-expansion-panel>;<;/mat-accordion>;

组件:

<mat-accordion>
    <mat-expansion-panel *ngFor="let question of questionList; let i = index">
        <!-- Other views here -->

        <ckeditor [editor]="editor" [(ngModel)]="question.prompt"></ckeditor>
    </mat-expansion-panel>
</mat-accordion>

如何在不冻结页面或折叠动画的情况下将CKEditor用于所有输入?我试了几种方法,但都不管用。

这个答案提出了一个解决方案,但我不知道如何实现它。

<块引用>仅在单击可编辑元素后才

初始化编辑器。在模糊事件或单击第二个可编辑对象时销毁旧编辑器元素,并在给定的文本上初始化一个新元素-这将需要在元素

上创建一个简单的包装

顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航