HTML 페이지에 HTML 코드 표시
르노는 빌 게이츠가 아니다
contentEditable div가 있고이 div의 콘텐츠에 대한 html 스크립트를 표시하고 싶습니다. 부트 박스 경고를 사용하여 코드를 표시하고 Rainbow 플러그인을 사용하여 구문을 강조하고 있습니다.
내가 사용하는 코드는 다음과 같습니다.
bootbox.alert('<pre><code data-language="html">'+ document.getElementById('editor').innerHTML + '</code></pre>');
또한 xmp태그와이 스크립트를 사용했습니다.
<pre><![CDATA[
This is a demo, tags like <p> will
appear literally.
]]></pre>
이 기사에서 볼 수 있듯이 : PRE 또는 이와 유사한 원시 HTML 코드를 이스케이프하지 않고 표시하는 방법 , 그러나 아무것도 작동하지 않았습니다.
이것이 내가 얻는 것입니다.
어떻게 해결할 수 있습니까?
고수
다음과 같은 엔티티 사용
var encodeHtmlEntity = function(str) {
var buf = [];
for (var i=str.length-1;i>=0;i--) {
buf.unshift(['&#', str[i].charCodeAt(), ';'].join(''));
}
return buf.join('');
};
bootbox.alert('<pre><code data-language="html">'+ encodeHtmlEntity(document.getElementById('editor').innerHTML)) + '</code></pre>');
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
html 페이지에 각도 코드가 표시되지 않음
- 2
HTML 페이지의 코드처럼 HTML 코드를 표시하는 방법
- 3
HTML 페이지에 테이블 레코드를 표시 할 수 없습니다.
- 4
HTML 페이지에서 동적으로 PHP 코드를 표시하는 방법
- 5
html 콘텐츠에 html 태그 표시, html에 html 코드 스 니펫 표시
- 6
HTML에서 PHP 코드 표시 문제
- 7
<code> 태그에 RAW HTML 코드 표시
- 8
HTML 페이지에서 드래그 앤 드롭 후 이미지 표시
- 9
HTML 페이지에 Ajax 표시
- 10
Visual Studio에서 HTML 페이지 표시
- 11
html 페이지에 php 결과 표시
- 12
페이지로드시 사이드 탐색 표시-Jquery / HTML
- 13
Laravel에서 html 코드를 html로 표시하는 방법
- 14
백엔드의 데이터가 HTML 페이지에 표시되지 않음
- 15
내 HTML 코드에 경고가 표시되지 않음
- 16
HTML / HTML 페이지에 이미지 표시
- 17
html 페이지 코드를 다른 [html] 파일에 포함
- 18
동일한 HTML 코드처럼 표시되지 않는 PHP 코드
- 19
입력 값의 HTML 코드가 표시되지 않습니다.
- 20
입력 값의 HTML 코드가 표시되지 않습니다.
- 21
HTML 코드가 출력을 표시하지 않음
- 22
내 HTML 페이지에서이 PHP '필드 필수'메시지를 어떻게 에코 할 수 있습니까?
- 23
mySQL 레코드를 HTML 테이블 열로 표시
- 24
포함 된 코드 블록에서 HTML 텍스트 표시
- 25
브라우저에 서블릿의 HTML 코드가 표시됨
- 26
HTML 코드에 자바 스크립트 변수 표시
- 27
HTML 파일에 LaTex 코드를 표시하는 방법
- 28
HTML "요소 검사"에 잘못된 코드가 표시됨
- 29
내 HTML 코드에 포함 된 스타일 시트를 삽입하면 웹 페이지가 표시되지 않습니까?
몇 마디 만하겠습니다