angluar2-directive-wangeditor

Angular2-directive-wangEditor

Angular2,directive-wangEditor 0.0.2

It is wangEditor directive. #https://github.com/wangfupeng1988/wangEditor

Installation

npm install angluar2-directive-wangeditor --save

Availabel Parameters

baiduMapAk 'baidu MapAK', uploadUrl '/upload', uploadParams {}, uploadHeaders {}, removeMenus ['location'] All parameters are optional.

Example:

For System.js users: Don´t forget to update your systemjs.config.js:

` var map = { 'app': 'app', // 'dist',

'@angular':                   'node_modules/@angular',

'rxjs':                       'node_modules/rxjs',

'angluar2-directive-wangeditor':'node_modules/angluar2-directive-wangeditor'

};

// packages tells the System loader how to load when no filename and/or no extension

var packages = {

'app':                        { main: 'main.js',  defaultExtension: 'js' },

'rxjs':                       { defaultExtension: 'js' },

'angluar2-directive-wangeditor': { main: 'index.js', defaultExtension: 'js' },

}; `

Usage Angular 2.0.0 and later

setp 1:

npm install wangeditor

setp 2: index.hmtl

script

1:src=node_modules/jquery/dist/jquery.js

2:src="node_modules/wangeditor/dist/js/wangEditor.js

setp 3:

@Component({ selector:'my-app', templateUrl:'Detail.html', }) export class DetailComponent{ content:string="My Editor!"; }

setp 4: TemplateURL:Detail.html:

<div wangEditor [(editorModel)]="content" [options]="/uploadA"></div>