Angular helpers for easily writing interactive articles
npm install documentationsArticle editor and article visualization for Angular. Just property-bind the returned object of the article editor to the article visualization. This library is ready for usage with the Ivy rendering engine at version 9.0.2 and following. See this library in action here.
!npm
Add the package to your angular project using
``bash`
npm install documentations
Make sure to have the DocuEditorModule imported.
`typescript`
@NgModule({
imports: [ DocuEditorModule ]
})
export class ApplicationModule {}
The module provides a complete form with live rendering. It should integrate with your @angular/material configuration. In the template simply use the editor tag to create a complete form for the article.
`html`
In the component you can define a function to handle the save event. For example like:
`typescript
@Component({...})
export class AppComponent {
doc: Documentation;
saveDoc(doc: Documentation) {
this.doc = doc;
}
}
`
You addition to that you can also define a documentation input data binding to the docu-editor tag to patch the documentation form.
- @Output() save($event): When the user saves the form, the save event will emit and contain the complete nested form.@Input() documentation: Documentation
- : The user can patch the form with a previously created documentation.
Make sure to import the DocuModule.
`typescript`
@NgModule({
imports: [ DocuModule ]
})
export class ApplicationModule {}
Then you can use the following tag to display the documentation
`html`
- @Input() documentation: Documentation` interface.
Contributions are welcome. Please stick to the Angular commit message guidelines as described in this document and describe your problems as detailed as possible.
Hi, I am Felix,
Senior Software Engineer, Angular, RxJS and NgRX contributor. For direct contact please add me on twitter, github or visit my personal website.