Reveal.js HTML代码语法高亮显示而不渲染 [英] Reveal.js HTML Code syntax highlighting without rendering it
问题描述
reveal.js用户的问题.
Question for reveal.js users.
我试图在我的reveal.js演示文稿中显示一个HTML标记.问题在于它会在我的Code语法突出显示块中呈现html块,因此看不到标记.
I am trying to show a HTML markup in my reveal.js presentation. Issue is it renders the html block within my Code syntax highlighting block so the markup can not be seen.
有没有办法解决这个问题?
Is there a way around this?
下面的示例
<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>
推荐答案
转义html标记,然后一切正常.这是将原始HTML转换为转义字符串的工具: http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php
Escape the html tags, and then all should look ok. Here is a tool that convert raw HTML to escaped strings: http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php
因此,您必须复制<code>
html标记之间的代码段.
So you have to copy the code section enclosed between the <code>
html markup.
这篇关于Reveal.js HTML代码语法高亮显示而不渲染的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!