Question

我是角色的新手，目前，我正在研究角度5，我要求我需要自定义HTML内容编辑器，就像当我右键单击编辑器中的选定内容需要右键单击自定义菜单，需要隐藏一些内容或禁用编辑器中的特定内容，我在角度5中使用Froala和CKEditor。

我所尝试的是，鉴于编辑器的只读选项，但它适用于整个编辑器，并尝试使用此自定义上下文菜单，我们可以创建具有静态内容的菜单。

app.component.html

<ckeditor 
 [(ngModel)]="ckeditorContent"
 [config]="ckeConfig" 
 [readonly]="false"
 debounce="500" 
 (change)="onChange($event)"
 ng-right-click="someFunction()" 
 menu-items="menuItems"
></ckeditor>

**app.components.ts**

  import { Component } from '@angular/core';


  @Component({
        selector: 'app-root',
        templateUrl: './app.component.html',
        styleUrls: ['./app.component.css']  
  })
  export class AppComponent {
        ckeditorContent: string = '<p>Some html</p>';

        public menuItems: Object = [
           { text: "Menu Item 1", //menu option text
             disabled: true //No click event. Grayed out option.
           },
           {
             text:"Menu Item 2", 
             disabled: false
           }
        ];

        someFunction(){

            console.log('test');
        }  

        onChange(test){

        }
   }


app.module.ts

  import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { CKEditorModule } from 'ng2-ckeditor';


  import { AppComponent } from './app.component';
  import { FormsModule } from '@angular/forms';
  @NgModule({
     declarations: [
      AppComponent
     ],
     imports: [
      BrowserModule,
      CKEditorModule,
      FormsModule
     ],
      providers: [],
      bootstrap: [AppComponent]
  })
  export class AppModule { }

需要建议，请告诉我们是否可以这样做，如果是，我该如何实现。

我们可以自定义html内容编辑器吗？

0 个答案: