注入CKEditor动态错误Angular

时间:2017-03-02 10:34:36

标签: angular ckeditor

您好我想在我的角度项目中集成我的自定义版本的CKEditor(使用CKEditor在线构建器构建)。所以我在这里做了什么:

  1. 1-我复制了assets / js /
  2. 中的CKEditor文件夹
  3. 我创建了两个 脚本对象在我的 ngAfterViewInit 函数中;一个用于在我的组件中包含ckeditor.js文件,第二个用于指定应由ckeditor编辑的对象,如下所示:

        ngAfterViewInit(): void {
    
        let s = document.createElement("script");
        s.type = "text/javascript";
        s.src = "assets/js/ckeditor/ckeditor.js";
        this.ckeditorscript = document.createElement("script");
        this.ckeditorscript.id = "ckeditorscript";
        this.ckeditorscript.type = "text/javascript";
    
        this.ckeditorscript.innerHTML = `
          CKEDITOR.disableAutoInline=true;
          CKEDITOR.inline('mydiv');
       `;
        this.elementRef.nativeElement.appendChild(s);
        this.elementRef.nativeElement.appendChild(this.ckeditorscript);
    
      }
    

    第一个脚本工作正常(ckeditor被添加到组件editablecontent)但第二个脚本导致我这个问题:

     Uncaught ReferenceError: CKEDITOR is not defined
     at <anonymous>:2:15
    

0 个答案:

没有答案