1.0.0 • Published 7 years ago
ng2-ueditor v1.0.0
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
1.0.0
7 years ago