我正在學習javascript，但是做一些實驗並不方便。您必須創建一個模板HTML文件，然後將您的js代碼嵌入到其中，然後使用瀏覽器打開html文件。即使你只想看到alert("hello world")。我想知道創建一個在線javascript編輯器是否容易。其基本思想是：在html文本區域中，您只需直接鍵入js代碼，它下面有一個按鈕「運行」以運行js代碼。如果它包含一些語法錯誤，可能會顯示錯誤消息。例如：有人已經創建了這樣的一個：http://www.codehouse.com/webmaster_tools/javascript_editor/如何創建一個在線javascript編輯器？
我想知道如何創建它？有沒有什麼材料，博客等..關於如何創建這個？謝謝！
你考慮過http://jsbin.com嗎？它已經配備了各種版本的最重要的JavaScript框架進行測試。此外，它會將您的代碼在線存儲並創建一個短url，以便您可以傳遞示例，並快速回顧以前感興趣的項目。你會看到我們很多人經常使用它來互相幫助。
如果你真的想在自己的工作，你可以在GitHub上叉jsbin：http://github.com/remy/jsbin
使用Firebug。
您可以在任何網頁中打開Firebug，然後在控制檯選項卡的底部鍵入任意的Javascript。它會評估Javascript並顯示結果。它甚至有基本的自動完成功能！
但是，Firebug的真正價值在於它的DOM選項卡。
您可以查看任何Javascript對象，並查看它的所有方法和屬性，儘可能多地嵌套。您可以檢查瀏覽器的預定義對象（window，document等），頁面上定義的所有全局變量以及您在控制檯選項卡中創建的對象。 （通過點擊您在結果列表中獲得的對象）。
DOM選項卡會顯示您全部您可能需要的關於對象的信息。您甚至可以在右側將鼠標懸停在單詞function上，並在工具提示中查看該函數的正文。 （它也會自動縮進）
一旦你開始編寫自己的頁面，你可以使用Firebug的Javascript調試器來幫助它們正常工作。
CodeMirror是突出顯示jsbin和jsFiddle使用的'引擎'的語法。
我認爲你可以做這樣的事情：
HTML
<textarea id="code"></textarea>
<iframe id="output"></iframe>
<button id="submit-b" onclick="update()">run</button>
的JavaScript
function update()
{
var frame = $('#output').get(0);
var frameDoc = frame.contentDocument || frame.contentWindow.document;
var w = document.getElementById("code").value;
document.getElementById('output').contentWindow.document.write(w);
}
的感謝！是的，我想創建自己的一個，jsbin太重了，輕量級？順便說一句，jsbin不會給任何關於語法錯誤的提示等。 – WilliamLou 2010-01-22 01:14:25
@WilliamLou你想要一個輕量級的版本...但你也想要語法錯誤報告？這沒有任何意義。 – 2010-01-22 01:58:55
@WilliamLou：您不會找到具有語法高亮和錯誤報告的「輕量級」替代方案。 – Sampson 2010-01-22 02:24:31