¿Cómo convertir HTML seleccionado a Json?

Quiero guardar parte de mi código html en json como un archivo y luego recapitular los códigos html para su edición. ¿Alguna idea de cómo puedo hacerlo?

Soy nuevo en json, por favor, simplificado si es posible. He visto otras preguntas, pero no parecen abordar mi pregunta

Lo que quiere hacer se llama serialización .

 // 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); 
  var html = $('#TextBoxesGroup')[0].outerHTML; var temp = {"html":html}; var obj = JSON.parse(temp); console.log(obj); // shows json object 

Puede usar cualquier idioma del lado del servidor para hacer un json de obj.

Puede usar este fragmento de código siguiente para convertir HTML en cadena JSON

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

Puede almacenar esta cadena JSON en la base de datos y editar el tiempo para decodificarla y ponerla en la página UI.

vea este enlace en 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);