2016-10-02 3 views
-1

변환 된 문자열을 HTML 태그가있는 json 문자열로 쉽게 변환 할 수있는 간단한 해결책을 얻기 위해 거의 2 시간 동안 연구했습니다. 태그를 원시 형식으로 인쇄하지 않고 웹 페이지로 보낼 수 있습니다. 내가 jQuery를 도서관의 사용 시도 <h1>Magazine Heading</h1>Firebase : html 태그가있는 Json 문자열을 html로 변환하십시오.

:

JSON 형식으로 중포 기지에 저장된이 문자열 <h1>Magazine Heading</h1>, 변경없이 내 웹 페이지에 표시 JSON.parseJSON(); 기능을하지만 여전히 작동하지 않습니다. 여기에는 많은 질문과 주제가 있지만 직접 효과는 없습니다.

NB : 중복 질문이 아닙니다. 관련 질문의 다른 답변이 너무 복잡하고 모호합니다.

+0

작동하지 않는 기능은 무엇입니까? 꽤 모호한 것 같습니다. – TheVillageIdiot

+1

JSON.parseJSON() 함수가 원래 json 문자열을 구문 분석하지 않았습니다. 따라서 웹 페이지에서 문자열을 렌더링했을 때 h1 태그가 계속 표시되었지만 @fzzle에서 답변을 얻었습니다 – Valentine

+1

질문에 json도 포함되어 있지 않으므로 답변을 찾을 수 없습니다. –

답변

1

먼저 JSON을 구문 분석하려면 JSON.parse()을 사용할 수 있습니다. 두 번째로 요소에 HTML을 삽입하려면 element.innerHTML을 사용할 수 있습니다. 귀하의 경우 :

element.innerHTML = '<h1>Magazine Heading</h1>'; 
-2

JSON 문자열을 구문 분석 한 후. jquery의 parseXML을 사용하여이 xml/html 결과를 파싱 할 수 있습니다.

var xml = "<h1>Magazine Heading</h1>", 
xmlDoc = $.parseXML(xml), 
$xml = $(xmlDoc), 
$h1 = $xml.find("h1"); 

var text = $h1.text(); 

https://api.jquery.com/jQuery.parseXML/

그것은 잔인한 사람처럼 보일 수도 있지만, 당신은 간단한 HTML로 매우 복잡한 사람을 구문 분석이를 사용할 수 있습니다.

+0

jQuery가 모든 것을 완벽하게 만들어주지는 않습니다. OP는 처음에 태그를 지정하지 않았습니다. 약 2KB (2.1 %) 정도의 코드를 사용하기 위해 ~ 92KB 라이브러리가 필요하지 않습니다. –

+0

@ Adam Azad. OP는 그가 JQuery를 사용하여 JSON을 구문 분석한다고 언급했다. –

관련 문제