如何获取html页面的源代码

Question

这是编辑源代码示例的链接：

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

值为</>的按钮。

即使他更改了网格的内容，他也会获得HTML代码。

如何使用JavaScript或jQuery获取源代码HTML？

感谢。

Answer 1

你可以使用jquery的html方法，即得到像这样的整个页面html：

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

Answer 2

我不确定你想要做什么，但如果你想从jQuery获取原始源代码，你可以使用以下内容：

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

使用来自id的纯javascript

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

或来自classname

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

using Newtonsoft.Json;
using Newtonsoft.Json.Linq;

//other code, class declaration etc. goes here

string ObjectsToTable(string collectionJson)
{
    // reading the collection from passed JSON string
    JArray collection = JArray.Parse(collectionJson);

    // retrieving header as a list of properties from the first element
    // it is assumed all other elements have the exact same properties
    List<string> header = (collection.First as JObject).Properties().Select(p => p.Name).ToList();

    // retrieving values as lists of strings
    // each string is corresponding to the property named in the header
    List<List<string>> values = collection.Children<JObject>().Select( o => header.Select(p => o[p].ToString()).ToList() ).ToList();

    // passing the table structure with the header and values
    return JsonConvert.SerializeObject(new { Header = header, Values = values });
}

或

document.documentElement.outerHTML

More info

Answer 4

在http响应标头中，您可以找到“content-type”标头。该标题指示应如何呈现页面的内容。所以，如果你想将页面呈现为纯文本（如你所提到的“源代码”），只需像这样更改标题 - ＆gt; “content-type：text / plain; charset = UTF-8”

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

像这样使用

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

}）;