Quill 编辑器未按预期在 Angular 8 应用程序中显示

Question

我正在尝试将 Quill 文本编辑器添加到我的 Angular 8 项目中，但它无法在浏览器上正确呈现。

控制台中没有出现任何错误，这是浏览器中显示的内容：

我按照此处概述的安装步骤进行操作。

另外，我的 angular.json 中提到了以下内容：

"styles": [
    "src/styles.css",
    "./node_modules/quill/dist/quill.core.css",
    "./node_modules/quill/dist/quill.snow.css"
    ],
"scripts": ["./node_modules/quill/dist/quill.js"]

以下是我的 NgModule 中的导入：

imports: [
    BrowserModule,
    AppRoutingModule,
    QuillModule.forRoot()
],

这是我的 HTML：

<div id="quill">
    <p>Content *</p>
    <quill-editor [styles]="editorStyle" placeholder="Enter Text" [modules]="config" formControlName="yourCtrlname"
required>
    </quill-editor>
</div>

有人可以告诉我为什么编辑器无法正确渲染>

Answer 1

添加到index.html内，现在应该显示它

<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<link href="https://cdn.quilljs.com/1.3.6/quill.bubble.css" rel="stylesheet">