Reveal.js Składnia kodu HTML higlighting bez renderowania

Question

Witam szybkie pytanie dla użytkowników reveal.js.

Próbuję wyświetlić znaczniki HTML w mojej prezentacji pliku reveal.js. Problem polega na renderowaniu bloku html w moim bloku blokowania składni kodu, więc nie można zobaczyć znaczników.

Czy istnieje sposób obejścia tego?

przykład poniżej

   <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> 

Dziękuję.

Answer 1

Escape tagów html, a następnie wszystko powinno wyglądać dobrze. Oto narzędzie, które konwertuje nieprzetworzony kod HTML na łańcuchy zawierające znaki: http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php

Musisz skopiować sekcję kodu zawartą między znacznikami html <code>.