instance-oom/ngx-markdown-editor

OnRenderFinishedEvent

Opened this issue · 8 comments

Deleted user commented

Hi,
Is there a way to get notified when render preview has finished?
I want to run some code post-render that will modified the output in preview.

I tried putting an event on the variable changing, but that changes before output preview has finished rendering.

Ideally something like OnRenderFinishedEvent (similiar to onEditorLoaded)

instance-oom commented

I will add this event later, thanks for your feedback.

instance-oom commented

Hi @tank104 ,
I want to know if you want to change the HTML source code that generated by markdown? There has an preRender input for change the markdown content before reader, maybe I can add a postRender input for that.

Deleted user commented

I am already using the prerender - so I tag up the HTML that is renderer. Once that output has changed and finished rendering I need to run javascript that changes the output again (but needs the complete output to work)

tank104 commented

unless there is a way I can do it without needing a change from your package? Sorry I am not too familiar with ACE editor

instance-oom commented

It's ok. I will add postRender to solve this issue. Like this:

[postRender]="postRender"
constructor() {
  // If you want access `this` in your function. Please add this line.
  this.postRender = this.postRender.bind(this); 
}

postRender(html) {
  // do something to change the html source
  return html;
}

I will inform you when it is finished

tank104 commented

great! To be clear - this will be called when the DOM Html has changed - i.e. so the scripts we run in this that searches the DOM and makes changes will work on the latest preview.

instance-oom commented

Please upgrade to 3.1.0.

  • [@input] postRender: Change the html souce code generated by marked before update the dom
  • [@output] onPreviewDomChanged: EventEmitter<HTMLElement>: Fires when the preview dom updated
tank104 commented

That worked a treat - legend! Thanks so much 👍 👍 👍