微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

动态替换CKEditor5

如何解决动态替换CKEditor5

我在大型应用程序中的 Angular 应用程序(@ckeditor/ckeditor5-angular 包)中使用自定义版本的 ckeditor5 ClassicEditor。

在某些页面上,我需要显示一个额外的工具栏按钮。所以我在大多数地方都有一个认工具栏,然后在需要显示额外按钮的地方,我只需将新按钮推入工具栏配置中。

让新按钮显示的唯一方法是销毁并重新创建 CKEditor,然后,新按钮出现并在单击时执行正确的操作。

但是,我注意到在我确实显示这个额外按钮的页面上,在编辑器被销毁并重新创建后,我失去了编辑器的大量自定义样式,并且它不再连接到我的 from 模型(所以在我有认工具栏的页面上,我可以更新编辑器的内容,并在提交表单时发送到后端。但是在我显示自定义按钮的页面上,虽然我可以更新内容编辑器的任何更改都不会发送到后端。

我注意到,当编辑器重新创建时,它不再位于 <ckeditor> 元素内,但在没有重新创建的页面上,所有组件标记都位于 {{1} } 元素。

这是我用来重新创建编辑器的函数

<ckeditor>

请帮忙!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。