Show and style HTML source code in HTML page

Question

I would like to display HTML source code in an HTML page. So I want it to look like it looks in your text editor. The source will be the complete source code, from the <html> tag to the end. So it needs to include the <head> and <body> with all styles in the <head>.

How would I do this?

check this: alexgorbatchev.com/SyntaxHighlighter/manual/demo , source: stackoverflow.com/questions/3090762/… — Ricardo Binns
– Ricardo Binns, Commented Oct 10, 2011 at 14:23

Tom Dezentje · Accepted Answer · 2018-01-01 16:03:51Z

2

<textarea name="Source Code"></textarea>

then set the value of that text area to

document.getElementsByTagName('html')[0].innerHTML

You might need to add the html tags again. But that should be no problem

Edit 2018

Someone upvoted this. I would highly recommend you take a look at https://highlightjs.org/. Its a very good solution for the stated problem.

edited Jan 1, 2018 at 16:03

answered Oct 10, 2011 at 14:27

Tom Dezentje

6313 silver badges16 bronze badges

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

Collectives™ on Stack Overflow

Show and style HTML source code in HTML page

1 Answer 1

Edit 2018

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Edit 2018

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related