angular6应该安装ngx-quill的哪个版本？

您好，对于 Angular 6，建议使用 ngx-quill 的版本是 2.0.0 或者更早的版本，因为 ngx-quill 的版本更新后，可能会有一些不兼容的问题。具体安装方法可以使用以下命令：

npm install ngx-quill@2.0.0 --save

安装完成后，您需要在 Angular 的模块中导入 NgxQuillModule，示例代码如下：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NgxQuillModule } from 'ngx-quill';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    NgxQuillModule.forRoot()
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

这样就可以在 Angular 6 中使用 ngx-quill 了。

相关问题

npm WARN @delon/abc@2.0.1 requires a peer of qrious@^4.0.2 but none is installed. You must install peer dependencies yourself. npm WARN @ngx-translate/core@11.0.1 requires a peer of @angular/core@>=7.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @ngx-translate/http-loader@4.0.0 requires a peer of @angular/common@>=7.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ngx-quill@2.0.0 requires a peer of @angular/core@^2.4.1 || ^4.0.0 || ^5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ngx-quill@2.0.0 requires a peer of @angular/forms@^2.4.1 || ^4.0.0 || ^5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ngx-quill@2.0.0 requires a peer of rxjs@^5.0.1 || ^5.2.0 || ^5.5.2 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\fsevents): npm WARN enoent SKIPPING OPT

这些警告提示您缺少某些包的依赖，您需要手动安装这些依赖。

对于这些警告，您可以使用以下命令来安装缺少的依赖：

npm install qrious@^4.0.2 @angular/core@>=7.0.0 @angular/common@>=7.0.0 @angular/forms@^2.4.1 rxjs@^5.0.1 ngx-translate/core@11.0.1 ngx-translate/http-loader@4.0.0

这样就可以安装所有缺少的依赖了。根据您的实际情况，您可能只需要安装其中一些依赖。如果您不需要使用某些依赖，可以忽略相应的警告。

angular quill-editor 表格

angular quill-editor 可以通过添加 Table Blot 插件来支持表格功能。使用如下步骤：

1. 安装 table-blot 插件：

npm install quill-table-blot --save

2. 在需要使用 quill-editor 的组件中引入相关模块：

import { NgModule } from '@angular/core';
import { QuillModule } from 'ngx-quill';
import { TableBlotModule } from 'quill-table-blot';

@NgModule({
  imports: [
    QuillModule.forRoot({
      modules: {
        table: true // 启用表格模块
      }
    }),
    TableBlotModule
  ]
})
export class MyModule { }

3. 在 quill-editor 的 HTML 模板中使用表格：

<quill-editor>
  <div quill-editor-toolbar>
    <span class="ql-formats">
      <select class="ql-header">
        <option value="1"></option>
      </select>
      <button class="ql-bold"></button>
      <button class="ql-italic"></button>
      <button class="ql-underline"></button>
    </span>
    <span class="ql-formats">
      <button class="ql-table"></button>
    </span>
  </div>
  <div quill-editor-content></div>
</quill-editor>

在编辑器中点击表格按钮，即可添加表格。