ng2-ueditor

简介

Angular2 UEditor组件(Angular2 UEditor component)

安装

npm install ng2-ueditor --save

使用

• 在项目中引入UEditor的JavaScript文件

<script type="text/javascript" src="assets/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="assets/ueditor/ueditor.all.js"></script>

• 安装依赖包：ng2-ueditor

npm install --save ng2-ueditor

• 在module中导入Ng2UeditorModule

import { Ng2UeditorModule } from 'ng2-ueditor';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    Ng2UeditorModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})

• 在模板页面使用

<ng2-ueditor [(ngModel)]="content"></ng2-ueditor>

属性(Attributes)

名称 | 类型 | 默认值 | 说明 ---|---|---|--- setting | any | {} | 配置项

事件(Events)

名称 | 类型 | 说明 ---|---|--- onReady | - | 编辑器初始化完成 onValueChange | - | 编辑器内容改变 onFocus | - | 编辑器获得焦点

事件(Events)

名称 | 参数 | 说明 ---|---|--- onReady | - | 编辑器初始化完成 onValueChange | value | 编辑器内容改变 onFocus | - | 编辑器获得焦点

示例(基于angular-cli创建)

• 1、进入到demo目录

cd demo

• 2、安装依赖

npm install

• 3、启动服务

ng serve

• 4、访问 http://localhost:4200/