2012-03-07 54 views
3

我覺得jsfiddle對於客戶端網頁開發非常有用。我看了一下this的鏈接,但沒有幫助。我想其特點是:在4個部分-HTML,CSS,JavaScript的本地編輯器像jsfiddle

  1. 畫面分割和結果
  2. 自動完成
  3. 的JSLint/JSHint

是否有這樣的編輯器可用,如果不我們可以自定義現有的編輯器嗎?

+0

可能的重複[有沒有像jsfiddle.net?(http://stackoverflow.com/questions/11455667/are-there-any-offline-tools-like-jsfiddle-net)的任何離線工具 – 2014-05-28 22:57:24

+0

您可以試試這個。 https://github.com/vinnizworld/code_editor – 2015-10-21 05:15:30

+0

@ Marc-AndréLafortune:我之前被問過另一個。所以,從技術上講,另一個是重複的。但是,謝謝你指出。 – riship89 2015-10-21 17:14:40

回答

1

沒有結果畫面的編輯器。這需要一個瀏覽器環境進行測試,這在桌面編輯器中很少見。

我認爲有一些編輯器可用ecmascript支持,允許執行/測試小部分代碼片段。但我沒有看到任何內置或插入式瀏覽器。

我認爲將jsfiddle轉換爲離線瀏覽器應用程序可能更有前途。使用javascripts文件-IO這可能比在線小提琴和離線編輯器更適合。

+0

但是有幾個編輯器可以連接到瀏覽器:例如[Brackets](http://download.brackets.io)和[WebStorm](http://www.jetbrains.com/webstorm/)。許多IDE都有集成預覽功能,您可以在代碼旁查看拆分,包括[Coda](http://panic.com/coda/),[DreamWeaver](http://www.adobe.com/products/) dreamweaver.html),[Visual Studio](http://www.microsoft.com/visualstudio/)和[Expression Web](http://www.microsoft.com/zh-cn/download/details.aspx?id = 36179)。 – peterflynn 2013-04-24 07:12:15

2

Lighttable讓您編輯和查看的JavaScript,CSS和HTML,和一個瀏覽器結果標籤在多個標籤中,但只在水平分割,但仍然相當驚人。 enter image description here