CkEditor在Angular中构建后显示黑色三角形？答案

【问题标题】：CkEditor showing black triangles after build in Angular?CkEditor在Angular中构建后显示黑色三角形？
【发布时间】：2020-10-06 07:08:22
【问题描述】：

我已经安装了以下模块 @ckeditor/ckeditor5-角 @ckeditor/ckeditor5-build-classic

在我需要集成 ckeditor 的模块中，我将其添加到模块中，并在 ts 和 HTML 文件中使用

在模块中

import { CKEditorModule } from '@ckeditor/ckeditor5-angular'; 
@NgModule({
  imports: [
    CKEditorModule //here module added
  ],
})

在 TS 文件中

import { CkeditorConfig } from '../../../shared/ckeditor-config';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';

editor = ClassicEditor;config=CkeditorConfig;

在 HTML 中

<div class="mb-24">
              <ckeditor [editor]="editor" rows="6" [config]="config" formControlName="Answer" [data]=""></ckeditor>
              <mat-error class="cus-err" *ngIf="faqForm.get('Answer').touched && faqForm.get('Answer').hasError('required')">
                  Answer is required
              </mat-error>
            </div>

在本地主机中，一切正常我定义的所有选项都没有错误运行良好

在服务器中，还显示了一些黑色三角形

在服务器中，也显示一些错误

此外，每当我输入新行时，它都会再显示一个黑色三角形如果有人遇到问题，请告诉我，以便我可以纠正问题。希望我解释一切

【问题讨论】：

我也有同样的问题。但 ckeditor5-build-classic 在我的情况下工作正常。当我尝试从稳定的 repo 构建自定义编辑器时，即使没有修改，我也会得到相同的巨大黑色三角形。似乎表格插件以某种方式损坏了。我什至尝试从“CKEditor 5 online builder”（经典）构建编辑器，但它导致工具栏完全为空。
那么你是怎么工作的
@vladimirkhozeyev 所以你知道如何在服务器构建中删除它，因为我只在构建中而不是在本地主机（ng serve）中得到这个
对不起，我停止修复它。我们决定移除 CKEditor，升级到 Angular 9 并使用 Quill 编辑器（它在 Angular 8 上有问题）。
所以羽毛笔工作得很好

标签： angular build ckeditor text-editor

【解决方案1】：

转到您的 Angular.json 文件并将优化属性从 true 更改为 false

这应该可以解决您的问题。

【讨论】：