ng2-ueditor

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/