在ng2-ckeditor中使用Angular中的ckeditor自动完成插件时,解决IE/Edge中的“权限被拒绝”错误的方法如下:
angular.json
文件中,找到assets
数组,并添加ckeditor插件所需的资源文件路径。例如:"assets": [
"src/favicon.ico",
"src/assets",
{
"glob": "**/*",
"input": "./node_modules/ckeditor",
"output": "/assets/ckeditor/"
}
]
ngAfterViewInit
生命周期钩子中初始化ckeditor。例如:import { Component, AfterViewInit } from '@angular/core';
declare var CKEDITOR: any;
@Component({
selector: 'app-my-component',
template: '<textarea name="editor1"></textarea>'
})
export class MyComponent implements AfterViewInit {
ngAfterViewInit() {
CKEDITOR.replace('editor1');
}
}
总结:在ng2-ckeditor中使用Angular中的ckeditor自动完成插件时,解决IE/Edge中的“权限被拒绝”错误的关键是确保浏览器的安全设置正确,配置跨域资源共享(CORS),正确引入ckeditor插件,并在Angular组件中正确初始化ckeditor。
领取专属 10元无门槛券
手把手带您无忧上云