Angular console.log output to html

Question

I created a web js editor with angular and ngx-ace-wrapper lib. Now I trying to output a console.log to HTML div element. But I do not found any solution. How I can get console output or mirror to my DOM.

I tried to override conmsole.log and console.error

"preview" is a variable where I store my output as innerHTML

console.log = message => {
  this.preview += message + "\n";

    _log(message);

}
console.error = error => {
  this.preview += JSON.stringify(error) + "\n";
  _error(error);
}

why would you want to do that? This seems like a major red flag to me. Can you provide some more information on why you are trying to achieve this? — Fabian Strathaus
– Fabian Strathaus, Commented Sep 28, 2022 at 13:20
So trying to output console log to my DOM but with angular. As sample stackoverflow.com/questions/19846078/… I created Javascript web Editor and I have "output" element where I need to mirror console log with errors — Inazuma
– Inazuma, Commented Sep 28, 2022 at 14:23

Donald Duck · Accepted Answer · 2022-09-28 14:08:47Z

0

To get the HTML to render you can save the HTML in some variable and use the innerHtml attribute and pass in your html

<div [innerHTML]="myHtml"></div>

answered Sep 28, 2022 at 14:08

Donald Duck

6233 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Inazuma Over a year ago

The question is how to get a console from the browser and mirror to HTML as result\output

Collectives™ on Stack Overflow

Angular console.log output to html

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related