在PRE标记中显示未呈现的HTML（如bootstrap）

Question

我正在创建一个样式指南，其中包含大型网站的所有组件（文本，按钮，表格，横幅，页脚，模态等）。在每个组件下，我想将PRE标记中的组件标记显示为未呈现的html。我们的想法是开发人员可以选择和/或复制标记并使用它。

这方面的一个例子是Bootstrap - http://getbootstrap.com/css/#buttons

我知道我可以逃脱标签（<而不是＆lt;）但由于我有很多组件，所以它需要花费太长时间。我想知道是否有人听说过可能会这样做的插件？感谢。

Answer 1

是的，您需要在pre和code标记中转义HTML实体。大多数编程语言都有这样做的功能，但如果你手工工作，可能更容易使用an online encoder tool。