TextArea 컨트롤을 사용하여 HTML 서식있는 텍스트로 서식있는 텍스트

서버에서 일부 서식있는 텍스트를 읽고 일반 텍스트 형식의 표 형태로 표시하려고합니다. 그게 내가이 문제를 가지고있는 곳이야. HTML 스타일링 태그를 제거 할 수 없습니다. 모든 태그를 처리 할 수 없으므로 HTML 스타일 지정 태그를 제거하기 위해 일부 더러운 JS/Jquery 코드를 작성하고 싶지 않습니다. 그래서 트릭을 할 생각 HTML 페이지에 숨겨진 텍스트 영역을 만들어 : 나는 서버에서 데이터를 읽을 때TextArea 컨트롤을 사용하여 HTML 서식있는 텍스트로 서식있는 텍스트

JS에서

<textarea name="textarea" id="temp_desc" rows="10" cols="50" style="visibility: hidden"></textarea>

이, 나는이 텍스트 영역에서 그것을 써 넣고이를 다시 읽는다 모든 html 태그가되어서 너무 스트립 다운하지만 작동하지 않습니다. html 태그 자체는이 텍스트 영역에 작성됩니다.

document.getElementById("temp_desc").value = Description; 
Description = document.getElementById("temp_desc").value;

기타 제안 사항이 작업을 어떻게 수행 할 수 있습니까?

감사합니다.

출처

2014-09-16 Azeem

대신 설명 = document.getElementById ("temp_desc"). innerText;를 사용해 볼 수 있습니다. innerText 트릭이'document.getElementsByClassName ('post-text') [0] .innerText'를 콘솔에 입력하여이 페이지에 포스트온에 적용될 때 나는 텍스트 만 볼 수 있습니다. 서식 태그가 없으며 아무 스타일도 제공하지 않습니다. 내가 볼 수있는 유일한 html 태그는 첫 번째 코드 블록 안에있는 HTML 태그이지만, 페이지 구조가 아닌 읽을 수있는 텍스트이기 때문에 예상 할 수 있습니다. – enhzflep

텍스트 영역 대신 DIV를 사용하고 JQuery 메서드 .text()을 사용하여이 문제를 해결했습니다.

<div id="temp_desc" style="visibility: hidden"></div>

JS

HTML:

는 :

$("#temp_desc").html(Description); 
var descHiddenDIV = document.getElementById("temp_desc"); 
var temp_description = $(descHiddenDIV).text();

JS 코드 위에서 실행 한 후 temp_description 평문을 포함한다.

출처

2014-09-17 06:09:46 Azeem

TextArea 컨트롤을 사용하여 HTML 서식있는 텍스트로 서식있는 텍스트

답변

관련 문제