Reveal.js 렌더링하지 않고 HTML 코드 구문 higlighting

Question

안녕하세요. reveal.js 사용자를위한 빠른 질문입니다.

reveal.js 프리젠 테이션에 HTML 마크 업을 표시하려고합니다. 문제는 마크 업을 볼 수 없도록 코드 구문 하이라이팅 블록에서 html 블록을 렌더링한다는 것입니다.

이 방법이 있습니까?

   <section> 
       <h2>Pretty Code</h2> 
         <pre> 
          <code contenteditable> 

           <form id="demo-form" data-validate="parsley"> 
           <label for="fullname">Full Name * :</label> 
           <input type="text" id="fullname" name="fullname" data-required="true" /> 

           <label for="email">Email * :</label> 
           <input type="text" id="email" name="email" data-trigger="change" data-required="true" data-type="email" /> 

           <label for="website">Website :</label> 
           <input type="text" id="website" name="website" data-trigger="change" data-type="url" /> 

           <label for="message">Message (20 chars min, 200 max) :</label> 
           <textarea id="message" name="message" data-trigger="keyup" data-rangelength="[20,200]"></textarea> 
           </form> 

          </code> 
         </pre> 
      </section> 

아래

예 감사합니다.

Answer 1

HTML 태그를 탈출하면 모두 괜찮아 보입니다. 원시 HTML을 이스케이프 문자열로 변환하는 도구는 다음과 같습니다. http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php

<code> HTML 마크 업으로 묶은 코드 섹션을 복사해야합니다.