如何获取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);
}});

}）;