Code Runner
/** * 温馨提示： * 1. 支持三种语言: javascript/html/css * 2. 在编辑状态，按cmd+r 或者 ctrl+r 可以直接运行当前代码 * 2.1 javascript的运行是直接在当前环境下运行编辑器中的代码 * 2.2 html的运行会在代码下方添加一个div，并将编辑器中的代码添加到该div里 * 2.3 css的运行会在页面中直接添加一个style * 3. 在编辑状态，按cmd+s 或者 ctrl+s 可以直接保存代码到本地 * 注：需要php运行环境 * 4. 支持alt+1, alt+2 跳转到对应的编辑器内并且聚焦 * 5. 整理代码功能未完善，请慎用 */ function abc() { alert("adsfasfdsdf") }; abc();
<style type="text/css"> .niubi { background: gray; } .niubi h2 { font-size: 20px; color: yellow; } .niubi strong { font-weight: bolder; font-size: 18px; } </style> <div class="niubi"> <h2>这是一个奇葩的测试</h2> <p><strong>神奇的地球</strong>战胜了人类</p> </div>
<!-- 在textarea中注明属性 autorun="true", 则代码会在页面加载之后自动运行 --> <h2>运行代码会将元素粘贴到代码下面</h2>
body { background: red; color: green; } button { color: yellow; background: blue; }