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.

Dependents (0)

Package Sidebar

Install

npm i angular2-voog-wysihtml

Weekly Downloads

2

Version

0.0.4

License

MIT

Last publish

Collaborators

  • zefoy