Панель инструментов редактора Prosemirror неполна в Angular 6 - PullRequest
0 голосов
/ 03 сентября 2018

Я интегрировал ProseMirror в свой Angular 6 в качестве текстового редактора, используя следующие директивы:

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>

все работают хорошо ... но панель инструментов не отображается должным образом ... все выровнены одна под другой attached screen shot

Не знаю, как заставить его выглядеть правильно. Любая помощь, пожалуйста

...