如何获取html页面的源代码

Question

This is a link for an example of Edit source Code:

http://neokoenig.github.io/jQuery-gridmanager/demo/tinymce.html

the button which value is </> .

He get the code HTML even if he changes the content of the grid.

How to get the source code HTML using JavaScript or jQuery?

Thanks.

Answer 1

you can use the html method with jquery, ie for get the whole page html like this:

$( document ).ready(function() {
    console.log($("html").html());
})

Answer 2

I'm not sure what you want to do exactly but if you want to get raw source code from jQuery you can use the following:

var html = $('element').html();

And with pure javascript from an id

var html = document.getElementById('id').innerHTML;

or from classname

var html = document.getElementsByClassName('class').innerHTML;

And to get the content of your example (which is an editor called tinymce) you can use the command tinymce.activeEditor.getContent(); or tinyMCE.get('myTextarea').getContent()

---

EDIT: If you want to listen for changes with jQuery and display to html dynamically you'd want to do something like this:

$('yourTextArea').keyup(function() {
    var html = $(this).val();
    $('yourElementToDisplayTheHTML').html(html);
});

Answer 3

Using JavaScript

document.documentElement.outerHTML

More info

or

document.documentElement.innerHTML

More info

Answer 4

I've built a simple API, just use this:

<script src="https://cdn.jsdelivr.net/gh/Parking-Master/viewsource@latest/vs.js"></script>

In your JavaScript:

getSource('https://example.com/');

Answer 5

in http response header, you can find "content-type" header. that header indicates how contents of page should be rendered. so, if you want to render page as plain text("source code", as you mentioned), just change that header like this -> "content-type : text/plain; charset=UTF-8"

if you can use ajax in jquery or javascript

use like this

$("button").click(function(){
$.ajax({url: "page_you_want.html", success: function(result){
    alert(result);
}});

});