使用Angular2在CKeditor中工作的工具

时间:2017-04-10 15:54:51

标签: angular ckeditor

我使用 ng2-ckeditor 作为 angular2 项目的富文本编辑器。我已经使用了一些可用的工具,但奇怪的是,虽然罢工和下划线工作正常,但其他人,如Bold或Italic则不然。例如,如果我点击单词test并保存我的表单,那么<s>Test</s>将被保存在DB中,并且该单词在我的屏幕中格式正确,但如果我将单词Bold,则单词保持不变,但在DB中我可以看到<strong>Test</strong>已保存。我也有其他一些工具的问题。 一些代码:

<ckeditor name="disclaimer"
      [(ngModel)]="companyProfile.description"
      [(formControl)]="formGroup.controls['description']"
      [config]="{
            extraPlugins: 'divarea',
            toolbar: [{
                name: 'basicstyles',
                items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-']
            }]
      }"
      debounce="500"
</ckeditor>

enter image description here

1 个答案:

答案 0 :(得分:1)

找到它有点困难,但由于我们在组件中使用ViewEncapsulation.None,因此组件外部的样式似乎影响了CKEditor样式,因此这些原因中的一些没有被正确呈现。