显示.js HTML 代码语法突出显示而不呈现它

Reveal.js HTML Code syntax highlighting without rendering it

本文关键字：显示 js HTML 代码 语法      更新时间：2023-09-26

揭示的问题.js用户。

我正在尝试在我的演示中显示 HTML 标记.js。问题是它在我的代码语法突出显示块中呈现 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>

转义 html 标签，然后一切看起来都正常。这是一个将原始HTML转换为转义字符串的工具：http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php

因此，您必须复制包含在<code> html 标记之间的代码部分。

相关文章：