Какой самый простой способ отформатировать данные JSON в текстовом поле на веб-странице?

Question

В настоящее время я использую edit_area_full.js на нескольких веб-страницах для форматирования примеров кода на python.У меня есть несколько случаев, когда я хочу форматировать данные JSON, но edit_area не поддерживает JSON.Как лучше всего заменить edit_area, которая может форматировать данные 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>

Answer 1

Вы можете сделать это, используя:

• Edit_area_full.js с «синтаксисом» = «Javascript». Это сделает все хорошее выделение JSON.
• Для переформатирования JSON вы можете использовать эту библиотеку - http://github.com/einars/js-beautify

Вы можете протестировать более позднюю библиотеку в работе здесь: http://jsbeautifier.org/

Например, я кормил это так:

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]
};