AsciiDoctor Panel
An Angular2 component for displaying embedded AsciiDoctor content.
Installation
> npm install --save asciidoctor.js @tangential/asciidoctor-panel
Dependencies
- Angular2 Core
- AsciiDoctor The asciidoctor project.
Use
Somewhere in your code, prior to loading the Module, you will need to load the AsciiDoctor.js file:
In your module (e.g.app.module.ts):
// import the module
import {TanjAsciidoctorPanelModule} from '@tangential/asciidoctor-panel';
// and register it as an import:
@NgModule({
declarations: [
AppComponent,
...
],
imports: [
AsciidoctorPanelModule,
...
],
entryComponents: [AppComponent],
bootstrap: [AppComponent]
})
And reference it in your component:
<mat-card>
<tanj-asciidoctor-panel style="white-space:normal;overflow-wrap: normal;overflow: auto" [content]="asciidoctorContent"></tanj-asciidoctor-panel>
</mat-card>