Skip to content

Use Textile markup language in your Angular project

License

Notifications You must be signed in to change notification settings

vincent/ngx-textile

Repository files navigation

NgxTextile

Use Textile markup language in your Angular project, using textile-js

Demo

//vincent.github.io/ngx-textile

Within a template

import { Component } from '@angular/core';
import { NgxTextilePipe } from 'ngx-textile';

@Component({
  imports: [NgxTextilePipe],
  template: `
    <div [innerHTML]="text | textile"></div>
  `,
})
export class TestTextileComponent {
    text = 'a _shorthand syntax_ used to generate valid HTML'
}

With the service

import { Component, inject } from '@angular/core';
import { NgxTextileService } from 'ngx-textile';

@Component({
  template: `
    <div [innerHTML]="text"></div>
  `,
})
export class TestTextileComponent {
    #textile = inject(NgxTextileService)
    text = this.#textile.parse('a _shorthand syntax_ used to generate valid HTML')
}

Install

npm i ngx-textile