代碼處理（客戶端而不是服務器端）

我想生成一個我可以輸入代碼（如HTML，CSS和JS）的開發工具，它會創建一個預覽/結果窗口（如JSFiddle）。我將在學校使用它作爲教程，並需要一個獨特的網站來做到這一點（我很樂意使用CodePen，JS Fiddle或Codecademy ......但我不能）。代碼處理（客戶端而不是服務器端）

我能夠生成一個可以在iframe中處理和顯示的表單（通過PHP，它只是將信息回顯成iframe中顯示的新html文件）。但是這帶來了問題。我只有一臺便宜的服務器，並且不希望對它施加太大的壓力，所以需要通過JS/jQuery來完成。

首先這是可能的嗎？我該怎麼去做（代碼示例會很棒！）？

預先感謝（我appologise如果我沒有給予足夠的細節，但我是相當新的這一點，可能只是問一個毫無意義的問題（我只有15：/））

乾杯：）

來源

2014-03-29 Luke Browne

如果你想要的東西只顯示呈現的HTML，CSS，JS（僅客戶端），那麼你幾乎可以使用任何流行的代碼爲重點的文本編輯器，例如，記事本++或html-kit。如果你想要解析像php這樣的服務器端的東西，你可以安裝諸如wamp或xampp之類的東西。 IOW你可以在本地完成所有這些工作，而無需使用自己的工具重新發明輪子 –

您必須擁有一臺服務器效率低下的服務器才能將文本回顯到頁面中。一個樹莓派（35美元的電腦）可以很容易地發揮它。 –

如果您的網頁不必託管在某個其他服務器上。您的瀏覽器將在您自己的計算機上使用該文件呈現一個頁面。如果它純粹是客戶端的東西，只需點擊文件並用瀏覽器打開即可。如果你想像解析php一樣的東西，那麼你將需要在你的計算機上安裝一個服務器（就像我說的最簡單的就是安裝wamp或xampp） –

有一個相當令人印象深刻的項目叫做php.js，它可以讓你在瀏覽器中解析和執行PHP代碼的一個子集。

來源

2014-03-29 21:55:59

輝煌！正是我在尋找的東西，我甚至不知道它存在：D –

如果你想在客戶端/瀏覽器上完成像jsfiddel那樣的操作，那麼你需要2個或更多的幀。一個用於您的代碼，另一個用於輸出。

如果您點擊「運行」，然後需要將您的代碼應用到框架。您可以通過訪問幀的document對象來完成此操作。如果你有它，你需要在那裏注入你的代碼。 Web上有許多關於如何從框架/ iframe訪問子對象document的例子。

來源

2014-03-29 18:02:11 alpham8

代碼處理（客戶端而不是服務器端）

回答

相關問題