Reveal.js Sintassi del codice HTML higlighting senza renderlo

Question

Ciao domanda veloce per gli utenti di reveal.js.

Sto tentando di mostrare un markup HTML nella mia presentazione reveal.js. Il problema è che esegue il rendering del blocco html all'interno del mio blocco higlighting della sintassi del codice in modo che il markup non possa essere visto.

C'è un modo per aggirare questo?

esempio sotto

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

Grazie.

Answer 1

Evita i tag html, quindi tutto dovrebbe sembrare ok. Ecco uno strumento che converte le stringhe con escape HTML in codice: http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php

Quindi è necessario copiare la sezione del codice inclusa tra il markup html <code>.