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: