예쁜 인쇄하십시오 제슨.스트린그리피 div 에 운행에서어떠한 출력

'나' 는 json 객체에는 제슨.스트린그리피 의해

result = JSON.stringify(message, my_json, 2)

'2' 의 인수를 위해 이 같은 결과를 놓고 다니라는데 인쇄인쇄 돼 있다. 이 같은 일이 않니다 나는한다 경우 '경고 (결과)'. 하지만 이 집 안에서 추가하여, I want to 출력입니다 사용자에게 div 나는한다 이 때 단 하나의 선 위로 얻을 수 있다. (난 don& # 39, t 것은 작업 때문에 브레이크와 공백이 없는 html 로 해석 (?)

{ "data": { "x": "1", "y": "1", "url": "http://url.com" }, "event": "start", "show": 1, "id": 50 }

결과를 출력할 수 있는 방법이 '예쁜' 를 div 에 인쇄하십시오 제슨.스트린그리피 운행에서어떠한?

Igor Ivancha
편집된 질문4일 2월 2016 в 9:38
프로그래밍
javascript html json stringify pretty-print
31일 5월 2013 в 5:22
아직 보기가 없습니다.
질문에 대한 의견 (2)
해결책

',' 태그번호 pre&gt &lt 사용하십시오.

데모: http://jsfiddle.net/K83cK/

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;

var data = {
  "data": {
    "x": "1",
    "y": "1",
    "url": "http://url.com"
  },
  "event": "start",
  "show": 1,
  "id": 50
}

document.getElementById("json").innerHTML = JSON.stringify(data, undefined, 2);
<pre id="json"></pre>

끝 - &lt 스니핏 >;!

mplungjan
편집된 답변27일 2월 2019 в 8:51
해설 (10)

Json 은 ',' 태그이고, pre&gt &lt 출력입니다 있는지 확인합니다.

해설 (0)

하지만 나는 이 패키지로의 전체 edisclosure 쓴 또 다른 방법은 출력입니다 JavaScript 에서 객체를 JSON 또는 축소 등 부품, 그 길을 함께 읽을 수 있어야 한다는 '는' 노트럼프 완료하십시오 건너띄기, https://github.com/ragamufin/nodedump

해설 (0)

내 제안에 따라 결정됩니다.

39, & # 39 - 복귀시킴 각 \n&. (줄 바꿈) 를 br&gt &amp, lt;;

  • 각 분야의 대체하십시오 &amp 빨리 amp;;;

<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 진정한 바벨. &gt 거짓값 -;

var x = { "data": { "x": "1", "y": "1", "url": "http://url.com" }, "event": "start", "show": 1, "id": 50 };

document.querySelector('#newquote').innerHTML = JSON.stringify(x, null, 6)
     .replace(/\n( *)/g, function (match, p1) {
         return '<br>' + ' '.repeat(p1.length);
     });
<div id="newquote"></div>

끝 - &lt 스니핏 >;!

gaetanoM
편집된 답변2일 2월 2019 в 2:31
해설 (0)

이거 진짜 경우 사용자에 대한 보다, 그냥 텍스트 출력, 이와 같은 https://github.com/padolsey/prettyprint.js 정보기술 (it) 을 출력할 수 있는 html 표 라리브러리 사용할 수 있습니다.

해설 (0)

되돌려줍니다 미삭 apiu 고려해야 합니다.

{"Intent":{"Command":"search","SubIntent":null}}

그런 다음 문서를 인쇄하려면 할 수 있는 좋은 형식:

<pre id="ciResponseText">Output will de displayed here.</pre> 

var ciResponseText = document.getElementById('ciResponseText');
var obj = JSON.parse(http.response);
ciResponseText.innerHTML = JSON.stringify(obj, undefined, 2);
bruntime
편집된 답변31일 8월 2017 в 7:29
해설 (0)

Json 의 경우, ',' &lt pre&gt 태그번호 that& # 39 의 한 줄 어떻게 보이고 있기 때문에 문자열 제공됩니다 이미 (또는 일부 기능을 api 를 통해 / page out of your 제어) 이 마치 재적용됩니다 수 있습니다.

HTML:

<pre id="json">{"some":"JSON string"}</pre>

JavaScript:

    (function() {
        var element = document.getElementById("json");
        var obj = JSON.parse(element.innerText);
        element.innerHTML = JSON.stringify(obj, undefined, 2);
    })();

또는 포함한다.

    $(formatJson);

    function formatJson() {
        var element = $("#json");
        var obj = JSON.parse(element.text());
        element.html(JSON.stringify(obj, undefined, 2));
    }
해설 (0)

사용 스타일 '공백: 또한, ',' 사전 '의 텍스트 형식 수정되므로 &lt pre&gt 태그 수 있는 것은 바람직하지 않다고 말했습니다.

해설 (0)

인쇄인쇄 상태에 있는 컴포넌트 이스스

render() {
  return (
    <div>
      <h1>Adopt Me!</h1>
      <pre>
        <code>{JSON.stringify(this.state, null, 4)}</code>
      </pre>
    </div>
  );
}

스트린그리피

해설 (0)

이 리포지토리를 시도해 볼 수 있습니다. https://github.com/amelki/json-pretty-html

해설 (0)