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

如何在Angular 4中使用CKEditor?

ckeditor5 angular-forms ckeditor angular javascript

2

Apurv Chaudhary · 技术社区 · 7 年前

我使用安装CKEditor npm install ng2-ckeditor 此命令。
然后添加 ckeditor.js 在我的 index.html
然后导入 import { CKEditorModule } from 'ng2-ckeditor'; 在里面 app.module.ts

然后在我的HTML页面中使用CKEditor

 <ckeditor ngModel="{{ckeditorContent}}" formControlName="circular_contents" [config]="{uiColor: '#99000'}" [readonly]="false" debounce="500" debounce="500">
 </ckeditor>

当时我得到了错误 ERROR TypeError: Cannot set property 'dir' of undefined

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

2 回复 | 直到 7 年前

1

4

Apurv Chaudhary 7 年前

一切正常,包括 文本编辑器 索引中的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>

推荐文章

Evenstar · 当我从AJAX调用中获取返回的数据时,没有定义CKEDITOR

7 年前

Apurv Chaudhary · 如何在Angular 4中使用CKEditor?

7 年前

Pavel Prokofiev · 使用CKEditor 5的多个文本区域

7 年前

stonyau · 如何在CKEDITOR 5中获取工具栏可用项?

7 年前

Russell Salsbury · CKEditor 5 InlineEditor——如何配置工具栏?

7 年前

user3691644 · 如何从CKEditor 5实例获取数据

7 年前