code

HTML 엔티티를 디코딩하는 자바 스크립트

codestyles 2020. 11. 29. 11:44
반응형

HTML 엔티티를 디코딩하는 자바 스크립트


중복 가능성 :
jQuery를 사용하여 HTML 엔티티를 디코딩하는 방법은 무엇입니까?

이 텍스트를 변환하고 싶습니다.

"<p>name</p><p><span style="font-size:xx-small;">ajde</span></p><p><em>da</em></p>"

html로, 태그와 자바 스크립트 또는 Jquery의 모든 것을 포함합니다. 어떻게하나요?


var text = '<p>name</p><p><span style="font-size:xx-small;">ajde</span></p><p><em>da</em></p>';
var decoded = $('<textarea/>').html(text).text();
alert(decoded);

이렇게하면 페이지에 추가되지 않은 새 요소의 innerHTML이 설정되어 jQuery가이를 HTML로 디코딩 한 다음 .text ()로 다시 가져옵니다.

라이브 데모 .


이 스레드 에는 jQuery 솔루션 있습니다. 다음과 같이 시도하십시오.

var decoded = $("<div/>").html('your string').text();

이렇게하면 새 <div>요소 (페이지에 추가되지 않음) 의 innerHTML이 설정되어 jQuery가이를 HTML로 디코딩 한 다음 .text().


jQuery를 사용하는 가장 쉬운 방법은 다음과 같습니다.

var text = '&lt;p&gt;name&lt;/p&gt;&lt;p&gt;&lt;span style="font-size:xx-small;"&gt;ajde&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;da&lt;/em&gt;&lt;/p&gt;';

var output = $("<div />").html(text).text();
console.log(output);

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


나는 당신이 이것을 찾고 있다고 생각합니까?

$('#your_id').html('&lt;p&gt;name&lt;/p&gt;&lt;p&gt;&lt;span style="font-size:xx-small;"&gt;ajde&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;da&lt;/em&gt;&lt;/p&gt;').text();

참고 URL : https://stackoverflow.com/questions/10715801/javascript-decoding-html-entities

반응형