Javascript 在网页的文本框中格式化json数据最简单的方法是什么？

我目前正在一些网页上使用edit_area_full.js格式化python代码示例。在一些情况下，我希望对json数据进行格式化，但edit_area不支持json。可以在网页文本框中格式化json数据的编辑区的最佳替代品是什么

下面是我如何格式化python代码的

<p><textarea id="code-area" name="user_code" rows="12" cols="80">if True: pass</textarea></p>

<script language="javascript" type="text/javascript" src="/static/edit_area_full.js"></script>
  <script language="javascript" type="text/javascript">
    editAreaLoader.init({
      id: "code-area",
      syntax: "python",
      start_highlight: true,
      allow_resize: "no",
      font_size: 12,
      toolbar: "new_document, |, help",
      replace_tab_by_spaces: 4
    });
  </script>

如果为真：通过

editAreaLoader.init({
id:“代码区”，
语法：“python”，
开始强调：正确，
允许调整大小：“否”，
字体大小：12，
工具栏：“新建文档，|，帮助”，
将\u选项卡\u替换为\u空格：4
});

您可以使用以下方法进行操作：

• 使用'syntax'='Javascript'编辑_area_full.js。这将使所有漂亮的JSON高亮显示
• 要重新格式化JSON，可以使用此库-

您可以在此处测试稍后的库：

例如，我给它喂了这个：

var testvar = {asd:[abc,cde,fg,{hello: world},1,2,3],ccc:"aaa",ddd:33,cas:[qwerty,[1,[2],3],4]};

结果是：

var testvar = {
    asd: [abc, cde, fg, {
        hello: world
    }, 1, 2, 3],
    ccc: "aaa",
    ddd: 33,
    cas: [qwerty, [1, [2], 3], 4]
};

---

好的，任何支持Javascript语法的语法高亮器也会正确格式化JSON。据我在谷歌上搜索到的，edit_area_full.js也支持Javascript。只需将“syntax”设置为“Javascript”就可以了。这提供了高亮显示，但现在返回、间距或其他格式。正在寻找使获取的数据更易于阅读的内容。因此，要重新格式化网页中文本框的内容，我需要获取文本框内容，运行js_beautify（js_source_text，options），然后用此函数的结果替换文本框的内容。只是检查一下，确保我没有让这件事变得更困难。