Package Exports

@notadd/ngx-neditor

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@notadd/ngx-neditor) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

ngx-neditor

基于@notadd/neditor，更现代化的富文本编辑器angular组件

How to use

step-1

安装`@notadd/ngx-neditor`

npm install @notadd/ngx-neditor

安装依赖

mkdir -p ./src/assets/node_modules
npm install --prefix ./src/assets @notadd/neditor

⚠ neditor需在assets/node_modules下安装

step-2

添加NgxNeditorModule到你的AppModule

  import { NgxNeditorModule } from '@notadd/ngx-neditor';

  @NgModule({
    imports: [
        ...
        NgxNeditorModule
    ],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
  })
  export class AppModule { }

step-3

在你的component中添加ngx-neditor组件

<ngx-neditor [(ngModel)]="content" #neditor [config]="config"></ngx-neditor>

Neditor相关配置见@notadd/neditor

属性

名称	类型	默认值	描述
config	`Object`	-	前端配置项说明，见官网
loadingTip	`string`	`加载中...`	初始化提示文本
disabled	`boolean`	`false`	是否禁用
delay	`number`	`50`	延迟初始化Neditor，单位：毫秒
neOnReady	`EventEmitter<NgxNeditorComponent>`	-	编辑器准备就绪后会触发该事件，并会传递 `NgxNeditorComponent` 当前实例对象，可用于后续操作。
neOnDestroy	`EventEmitter`	-	编辑器组件销毁后会触发该事件
ngModelChange	`EventEmitter<string>`	-	编辑器内容发生改变时会触发该事件

@notadd/ngx-neditor