代码之家  ›  专栏  ›  技术社区  ›  Apurv Chaudhary

如何在Angular 4中使用CKEditor?

  •  2
  • Apurv Chaudhary  · 技术社区  · 6 年前
    1. 我使用安装CKEditor npm install ng2-ckeditor 此命令。
    2. 然后添加 ckeditor.js 在我的 index.html
    3. 然后导入 import { CKEditorModule } from 'ng2-ckeditor'; 在里面 app.module.ts
    4. 然后在我的HTML页面中使用CKEditor

       <ckeditor ngModel="{{ckeditorContent}}" formControlName="circular_contents" [config]="{uiColor: '#99000'}" [readonly]="false" debounce="500" debounce="500">
       </ckeditor>
      
    5. 当时我得到了错误 ERROR TypeError: Cannot set property 'dir' of undefined

    现在,我如何在HTML页面中使用CKEditor。

    2 回复  |  直到 6 年前
        1
  •  4
  •   Apurv Chaudhary    6 年前

    一切正常,包括 文本编辑器 索引中的cdn链接。html页面,不下载ckeditor。js。

    <script src="https://cdn.ckeditor.com/4.5.11/full/ckeditor.js"></script>
    
        2
  •  1
  •   Deva    6 年前

    由于您使用的是angular 4,所以请将ngModel的语法更改为[(ngModel)]。

    这样地:

    <ckeditor [(ngModel)]="templateConversionDTO.htmlContent"
                    name="myckeditor" required debounce="500"> </ckeditor>
    

    别忘了添加 Ckeditor的CDN 在您的 指数html 文件,这很重要。

    <script src="https://cdn.ckeditor.com/4.6.1/full/ckeditor.js"></script>