angular6 - Angular 6 上的 Prosemiror 编辑器工具栏不完整

Question

我已经在我的 Angular 6 中将 ProseMirror 集成为使用指令的文本编辑器，如下所示：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule, Injector } from '@angular/core'; 
import { ProsemirrorModule } from './prosemirror/prosemirror.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

import { MatButtonModule, MatCardModule, MatInputModule } from '@angular/material';

@NgModule({
  declarations: [
    AppComponent,
    MyElementComponent
  ],
  imports: [
    BrowserModule,
    ProsemirrorModule,
    BrowserAnimationsModule,
    MatButtonModule,
    MatCardModule,
    MatInputModule
  ],
  providers: [],

})
export class AppModule {

  }
  ngDoBootstrap() {

  }
}

并将html用作：

<div appEditor></div>

一切都运行良好...但工具栏没有正确显示...全部对齐在另一个下方

不知道如何使它正确显示。请提供任何帮助