❤
npm
Sign UpSign In

angular2-voog-wysihtml
TypeScript icon, indicating that this package has built-in type declarations

0.0.4 • Public • Published

Angular 2 Voog Wysihtml

npm version

This library is wrapper for the popular Wysihtml library by Voog.

See a live example application here.

Building the library

npm install
npm run build

Running the example

cd example
npm install
npm start

Installing and usage

npm install angular2-voog-wysihtml --save-dev
Load the module for your app:
import { WysiHtmlModule } from 'angular2-voog-wysihtml';
 
@NgModule({
  ...
  imports: [
    ...
    WysiHtmlModule
  ]
})
Use it in your html template:
<wysihtml-toolbar #toolbar>
  <a data-wysihtml5-command="bold">bold</a>
  <a data-wysihtml5-command="italic">italic</a>
  <a data-wysihtml5-command="formatBlock" data-wysihtml5-command-value="h1">H1</a>
  <a data-wysihtml5-command="formatBlock" data-wysihtml5-command-value="p">P</a>
</wysihtml-toolbar>
 
<wysihtml-editor [value]="''" [placeholder]="'This is a placeholder'" [toolbar]="toolbar">
</wysihtml-editor>
[value]        // The textual value (html content) for the editor. 
[toolbar]      // Toolbar reference, either template reference or a DOM id.
[placeholder]  // Placeholder text for the editor, shown when the content is empty.

For more detailed documentation with all the supported options see Wysihtml by Voog documentation.

Readme

Keywords

none

Package Sidebar

Install

npm i angular2-voog-wysihtml

Repository

github.com/zefoy/angular2-voog-wysihtml

Homepage

github.com/zefoy/angular2-voog-wysihtml#readme

Weekly Downloads

5

Version

0.0.4

License

MIT

Last publish

Collaborators

  • zefoy
Try on RunKit
Report malware