文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
社区首页 >问答首页 >如何用ace解析HTML中显示的JSON

问如何用ace解析HTML中显示的JSON
EN

Stack Overflow用户
提问于 2021-03-16 03:54:29
回答 1查看 49关注 0票数 0

我正在尝试创建一个chrome扩展，它可以用ace解析以HTML显示的JSON文件，然后创建一个json文件并将其下载到系统盘。但是，我不确定如何解析这个标记并从它创建一个json文件。

我是否需要收集所有元素(包括嵌套的子元素)，然后创建一个算法来从头开始创建一个json文件？不确定是否有更好的方法来做到这一点。

Here is how the json looks in browser

下面是标记：

代码语言：javascript
复制
<div class="ace_layer ace_text-layer" style="padding: 0px 4px;">
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px"><span class="ace_paren ace_lparen">{</span></div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">  <span class="ace_variable">"dummy"</span>: <span class="ace_string">"dummy"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">  <span class="ace_variable">"dummy"</span>: <span class="ace_string">"dummy"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">  <span class="ace_variable">"_id"</span>: <span class="ace_string">"123123123"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">  <span class="ace_variable">"dummy"</span>: <span class="ace_constant ace_numeric">1</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">  <span class="ace_variable">"dummy"</span>: null,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">  <span class="ace_variable">"dummy"</span>: <span class="ace_constant ace_numeric">420</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">  <span class="ace_variable">"dummy"</span>: <span class="ace_paren ace_lparen">{</span></div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_variable">"dummy"</span>: <span class="ace_string">"dummy"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_variable">"dummy"</span>: <span class="ace_string">"dummy-date"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_variable">"dummy"</span>: <span class="ace_string">"dummy"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_variable">"dummy"</span>: <span class="ace_string">"dummy"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_variable">"environment"</span>: <span class="ace_string">"dummy"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_variable">"dummy"</span>: <span class="ace_paren ace_lparen">[</span></div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px"><span class="ace_indent-guide">    </span>  <span class="ace_string">"dummy"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px"><span class="ace_indent-guide">    </span>  <span class="ace_string">"dummy"</span></div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_paren ace_rparen">]</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_variable">"dummy"</span>: <span class="ace_constant ace_numeric">69</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_variable">"dummy"</span>: <span class="ace_string">"dummy"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_variable">"dummy"</span>: <span class="ace_string">"dummy"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_variable">"dummy"</span>: <span class="ace_constant ace_numeric">124</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_variable">"dummy"</span>: <span class="ace_string">"dummy"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_variable">"dummy"</span>: <span class="ace_string">"dummy"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_variable">"dummy"</span>: <span class="ace_string">"dummy"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_variable">"dummy"</span>: <span class="ace_string">"dummy"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_variable">"dummy"</span>: <span class="ace_paren ace_lparen">{</span></div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px"><span class="ace_indent-guide">    </span>  <span class="ace_variable">"dummy"</span>: <span class="ace_string">"dummy"</span>,</div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px"><span class="ace_indent-guide">    </span>  <span class="ace_variable">"dummy"</span>: <span class="ace_string">"dummy"</span></div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px">    <span class="ace_paren ace_rparen">}</span></div>
   </div>
   <div class="ace_line_group" style="height:16px">
      <div class="ace_line" style="height:16px"><span class="ace_paren ace_rparen">}</span></div>
   </div>
</div>
html
json
parsing
google-chrome-extension
javascript
EN

回答 1

Stack Overflow用户

发布于 2021-03-17 14:32:49

要只抓取文本而不抓取标记，请尝试使用Selection的组合，将其复制到clipboard，然后从剪贴板中复制到read the text

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/66644802

复制
相关文章

相似问题

领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档