希望这能给你给予一个基本的概念：
1)您需要为开始文本和结束文本选择不同的键，如start_text和end_text。
2)创建一个虚拟DOM元素，并将你拥有的innerHTML字符串存储在DOM元素的innerHTML中。这将帮助你访问DOM方法，你可以实现你想要的。例如：

var content = '(innerHTML content)';
var d = document.createElement("DIV");
d.innerHTML = content;
var p_tags = d.querySelectorAll("p");

字符串
3)创建您喜欢的对象结构。例如：

var final_content = {};
final_content["page_1"] = {};
final_content["page_1"]["content"] = [];
final_content["page_1"]["content"].push({"start_text":""});

型
4)最后，您可以使用JSON.stringify（final_content）将对象转换为JSON字符串。

如果格式不变，你可以尝试将innerHTML转换为字符串，然后用</p>分割。这将创建一个4个元素的数组。循环遍历每个元素。对于字符串，从字符串中剥离标签可以很容易地用string.replace("<p>","")完成。对于更复杂的iframe和audio标签，使用这个正则表达式"(https.*?)"。它将返回src url。然后使用这些值创建对象。下面是一些快速的伪代码：

var aHtml = JSON.stringify(element.innerHTML).split('</p>');

var result = [];
aHtml.forEach(function(item, idx, arr){
    // run regex against it, grab matching element
    var match = item.match(/"(https.*?)"/,"g");
    if(match){
        var url = match[1]; // the url
        if(match[0].indexOf('audio')> -1){
            result.push({audio: url});      
        }else{
            result.push({video: url});
        }
        
    }else{
        var str = item.replace(/(<p>|<br>)/g, " ");
        result.push({text: str});
    }
})

console.log(result);

字符串