要在Angular项目中集成Wiris编辑器并隐藏工具栏,可以按照以下步骤进行操作:
npm install wiris-ckeditor5
npm install wiris-ckeditor5-angular
import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
import * as ClassicEditor from '@ckeditor/ckeditor5-build-classic';
@NgModule({
imports: [
CKEditorModule,
ClassicEditor
],
declarations: [
AppComponent
],
bootstrap: [AppComponent]
})
export class AppModule { }
import * as ClassicEditor from '@ckeditor/ckeditor5-build-classic';
@Component({
selector: 'app-your-component',
template: `
`,
styleUrls: ['./your-component.component.css']
})
export class YourComponentComponent {
public Editor = ClassicEditor;
public editorData: string = '';
}
在上面的代码中,我们将[config]
属性设置为{ toolbar: [] }
,这将隐藏工具栏。你可以根据需要自定义其他Wiris编辑器的配置选项。
这样就完成了集成Wiris编辑器并隐藏工具栏的操作。希望能对你有所帮助!