如何獲取html頁面的源代碼

Question

這是編輯源代碼示例的鏈接：

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

值為</>的按鈕。

即使他更改了網格的內容，他也會得到代碼 HTML。

如何使用 JavaScript 或 jQuery 獲取源代碼 HTML？

謝謝。

Answer 1

您可以將html方法與jquery一起使用，例如，使用以下方法獲取整個頁面的html：

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

Answer 2

我不確定您到底想做什么，但是如果您想從jQuery獲取原始代碼，則可以使用以下代碼：

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

並從ID使用純JavaScript

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

或從類名

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

為了獲得示例的內容（一個名為tinymce的編輯器），可以使用命令tinymce.activeEditor.getContent(); 或tinyMCE.get('myTextarea').getContent()

---

編輯：如果您想用jQuery偵聽更改並動態顯示為html，則需要執行以下操作：

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

Answer 3

使用JavaScript

document.documentElement.outerHTML

更多信息

要么

document.documentElement.innerHTML

更多信息

Answer 4

我已經構建了一個簡單的 API，只需使用這個：

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

在你的 JavaScript 中：

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

Answer 5

在http響應標頭中，您可以找到“ content-type”標頭。 該標題指示頁面內容應如何呈現。 因此，如果要將頁面呈現為純文本格式（如您提到的那樣，則為“源代碼”），則只需更改標題，例如->“ content-type：text / plain; charset = UTF-8”

如果您可以在jquery或javascript中使用ajax

這樣使用

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

}）;