JS插件突出显示＆amp;在页面中运行javascript

Question

我正在编写JS lib的文档，我经常插入代码示例。我想要的是允许用户编辑和执行这些示例（例如，使用RUN按钮）。

有人知道一个轻巧的js插件可以做到吗？ （使用代码荧光笔）。

编辑：只需运行JS代码，就像一个非常简单的Web控制台，无需编辑CSS和HTML。

Answer 1

Codepen允许您嵌入具有语法突出显示的代码示例，并能够在沙盒环境中运行它们。

这是一个用于嵌入的示例代码段（因此，如果没有代码，这个答案不会被标记，但实际上文档非常容易阅读）：

<p data-height="268" data-theme-id="0" data-slug-hash="ClnAe" data-user="afkatja" data-default-tab="result" class='codepen'>See the Pen <a href='http://codepen.io/chriscoyier/pen/ClnAe'>ClnAe</a> by Katja Hollar (<a href='http://codepen.io/afkatja'>@afkatja</a>) on <a href='http://codepen.io'>CodePen</a></p>

来自Codepen的

Here's a blog post以及有关操作方法的更多详细信息。

使用嵌入式Codepen的

Here's an example of a blog post。

编辑：刚刚意识到您希望代码示例可编辑。我担心这是this blog post中记录的Codepen PRO功能。所以仍然是一个选择，但可能有其他选择免费。