Javascript 显示.js HTML代码语法高亮显示而不渲染它

expose.js用户的问题

我正在尝试在我的discover.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>

漂亮的代码
<代码内容可编辑>
全名*：
电邮*：
网站：
消息（最小20个字符，最大200个字符）：

---

转义html标记，然后所有内容看起来都正常。下面是一个将原始HTML转换为转义字符串的工具：

---

因此，您必须复制

html标记之间的代码部分。
有效，但不实用