Automatically re-render markdown when renderer settings change

[joeskeen]

We have a use-case where we would like to have a user-defined setting that affects the markdown rendering. I was able to use the MarkdownService.renderer to change the behavior of rendering certain elements when those settings change; however, the markdown does not re-render until the source markdown changes. My workaround was to append the markdown with a zero-width space character, then use a setTimeout to remove it. It would be nicer, though, if when I make changes to the renderer, that it would re-render automatically.

Example StackBlitz: https://stackblitz.com/edit/ngx-markdown-g2deyn?file=src%2Fapp%2Fapp.component.ts

[muuvmuuv]

I have used ChangeDetectorRef to run after I have made changes to my markdown string. Maybe it helps.

constructor(private cdr: ChangeDetectorRef) {}

ngOnInit() {
  // something
  this.cdr.detectChanges()
}

[jfcere]

A reload method has been added to the MarkdownService allowing to re-render all MarkdownComponent programmatically.

This will be released as part of ngx-markdown v14 which should be released next week alongside the update to Angular 14.