如何将代码示例转换成“实时的”

MDN 拥有一套 "live sample" 系统，在那里页面上展示的代码示例将被直接使用，以显示该示例的输出结果。然而，许多现有文章的代码示例还没有使用这套系统，它们需要被转换。

实样让你可以看到示例输出的样子，让文档生动有益。这篇指南涵盖如何获取现有示例并添加上“实时的”功能性。

哪里需要完成它？

标记有 NeedsLiveSample 的文章。

做这项任务你需要知道哪些？

• 基于代码示例，对 HTML, CSS 和/或 JavaScript 的理解。
• 能够在 MDN 文章中使用 KumaScript 宏。

做这项任务的步骤是什么？

1. 从标记 NeedsLiveSample 的文章列表中选取一篇文章，这篇文章里的代码示例是你熟悉的。
2. 转换代码示例为“实例的”。
3. 删除之前用于显示示例输出结果的任何代码或图像。

关于创建和编辑实样的更多信息，见 Using the live sample system