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

Question

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

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



我遵循了概述的安装步骤 here .

另外，我的 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">