如何将选定的HTML转换为Json？

我想将部分html代码保存为json作为文件，然后重新记录html代码进行编辑。 知道我该怎么办？

 
 New Text  
 
  

我是json的新手，请尽可能简化。我看过其他问题，但他们似乎没有解决我的问题

Answer 1

你想要做的是称为序列化 。

 // This gives you an HTMLElement object var element = document.getElementById('TextBoxesGroup'); // This gives you a string representing that element and its content var html = element.outerHTML; // This gives you a JSON object that you can send with jQuery.ajax's `data` // option, you can rename the property to whatever you want. var data = { html: html }; // This gives you a string in JSON syntax of the object above that you can // send with XMLHttpRequest. var json = JSON.stringify(data); 

Answer 2

  var html = $('#TextBoxesGroup')[0].outerHTML; var temp = {"html":html}; var obj = JSON.parse(temp); console.log(obj); // shows json object 

您可以使用任何服务器端语言从obj创建json。

Answer 3

您可以使用以下代码段将HTML转换为JSON字符串

 var HtmlToJsonString = JSON.stringify($("#TextBoxesGroup").html()); 

您可以将此JSON字符串存储到数据库中，然后编辑解码它并放在UI页面上的时间。

Answer 4

请参阅w3school上的此链接https://www.w3schools.com/code/tryit.asp?filename=FR0BHTAPG78A

 mytext = document.getElementById("xx").innerHTML; var myObj = {innerHTML:"yyy"}; myObj.innerHTML = mytext; myJSON = JSON.stringify(myObj);