js在線編譯器
㈠ javascript實現簡單的富文本編輯器附演示
復制代碼
代碼如下:
<span
style="font-size:14px;"><!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="content-type"
content="text/html;charset=utf-8">
<title>富文本編輯器</title>
</head>
<body>
<fieldset>
<legend>編輯區</legend>
<div>
<form>
字體顏色：
<select
onchange="setFontColor(this)">
<option
value="black">Black
</option>
<option
value="red">Red
</option>
<option
value="green">Green
</option>
<option
value="blue">Blue
</option>
</select>
字體樣式：
<select
onchange="setFontStyle(this)">
<option
value="bold">Bold
</option>
<option
value="italic">Italic
</option>
<option
value="underline">Underline
</option>
<option
value="striketthrough">StriketThrough
</option>
</select>
字體名稱：
<select
onchange="setFontFamily(this)">
<option
value="serif">Serif
</option>
<option
value="sans-serif">Sans-serif
</option>
<option
value="monospace">Monospace
</option>
<option
value="comic
sans
ms">Comic
Sans
</option>
</select>
</form>
</div>
<br/>
<div
id="editableText"
contenteditable="true"
style="width:400px;min-height:100px;border:2px
dashed
#ccc"></div>
</fieldset>
<script
type="text/javascript">
function
setFontColor(obj)
{
document.execCommand("forecolor",false,obj.value);
}
function
setFontStyle(obj)
{
document.execCommand(obj.value,false,null);
}
function
setFontFamily(obj)
{
document.execCommand("fontname",false,obj.value);
}
</script>
</body>
</html></span>
在線演示：http://jsfiddle.net/Web_Code/nPNv3/embedded/result/
不足之處還請諒解，提出指正方法
㈡ 純JS網頁在線編輯器
可視化html編輯器，喜歡小體積的推薦使用Kindeditor
官網：http://www.kindsoft.net/
㈢ 在線編輯器是用java還是javascript編寫的
javascript 因為是運行在客戶端的
㈣ 如何在線編輯js源碼調試
使用火狐瀏覽器。安裝firebug。
安裝後，按F12，打開firebug
找到腳本，啟用腳本。
找到要調試的JS文件
在需要斷點的地方，滑鼠點下左側
會出現一個紅點
執行到這里的時候，就會進行調試了
㈤ 如何通過網頁在線編輯伺服器上的JS文件
kouhao = new Array();
kouhao[0]='出門在外，照顧好自己和自己的錢包！'
kouhao[1]='今天很殘酷,明天更殘酷,後天會很美好,大部分人死在明天晚上,看不到後天的太陽--馬雲'
kouhao[2]='人永遠不要忘記自己第一天創業時的夢想'
kouhao[3]='創業者最好的大學就是社會大學'
index = Math.floor(Math.random() * kouhao.length);
document.writeln(kouhao[index]);
這是一個JS文件源碼，作用是在調用其的網頁中隨機顯示內容，像小貼士一樣
但修改時很麻煩，得FTP下載上傳式地修改，有沒辦法做一個ASP網頁，使其能夠在線修改這個JS？假設JS文件名為tie.js，位於根目錄
誰能搞定給30分！
問題2，誰會做那種能在線編輯，然後調用的JS程序？要求是編輯時只是編輯詞條，不涉及代碼，比如，那個網頁里有好多文本框，框里的內容就是名人名言，你可以自由增減條目，然後可以生成專用的JS以供調用。可以使用資料庫，但最好不用。
誰能搞定問題2？用資料庫實現的追加30分，不用資料庫實現的追加50分！
㈥ js文件用什麼文本編輯器編輯
SublimeText2 支持但不限於 C, C++, C#, CSS, D, Erlang, HTML, Groovy, Haskell, HTML, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, Matlab, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile and XML 等主流編程語言的語法高亮。ST2 擁有優秀的代碼自動完成功能 (自動補齊括弧，大括弧等配對符號；自動補全已經出現的單詞；自動補全函數名)，非常智能；另外 ST2 也擁有代碼片段（Snippet）的功能，可以將常用的代碼片段保存起來，在需要時隨時調用。當然，語法高亮、代碼折疊、行號顯示、自定義皮膚、配色方案等這些已經是一款現代編輯器應有的標配功能了。運行截圖如下：
㈦ 前端常用的幾種在線代碼編輯器各有什麼優勢
JS Bin - Collaborative JavaScript Debugging
介紹一款在線編輯器：jsbin jsbin的用法
優點：不需要登錄，即發即預覽
缺點：速度不靠譜
RunJS - 在線編輯、展示、分享、交流你的 JavaScript 代碼
優點：國內訪問速度快，可以上傳圖片(左下角)
缺點：需要登錄，用戶名
Create a new fiddle
優點：功能強大，歷史記錄給力，缺點：訪問速度慢
㈧ 推薦用javascript實現的在線源代碼編輯器，比如說editarea
一直用肉眼調錯，雖然很慢，但進步很快，javascript很簡單的腳本代碼，除非特別復雜的。。如ajax框架。。。少量的javascript用你所說的那東西，完全沒必要，其實javascript錯誤也就那麼多，建議用myeclipse，裡面倒是有不少javascript的方法可以點出來
㈨ javascript用什麼編輯器
目前前端使用率最高的就是sublime 和 webstorm了，當然了還有visual ，DW， 等等。下面僅介紹一些sublime和webstorm。
1.Sublime Text 是一個代碼編輯器（Sublime Text 2是收費軟體，但可以無限期試用），也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner於2008年1月份所開發出來，它最初被設計為一個具有豐富擴展功能的Vim。
Sublime Text具有漂亮的用戶界面和強大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書簽，完整的 Python API ， Goto 功能，即時項目切換，多選擇，多窗口等等。Sublime Text 是一個跨平台的編輯器，同時支持Windows、Linux、Mac OS X等操作系統。
2.WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
功能編輯
JavaScript
· 基於DOM，特定瀏覽器完成
· 編碼導航和用法查詢
· 支持ECMAScript
· 支持CoffeeScript
· 支持結點
· JavaScript重構
· JavaScript單元測試
· 代碼檢測和快速修復
· JSLint/JSHint
· 基於 Mozilla的JavaScript調試器
其他用途
· 批量代碼分析
· 編碼語言混合或內混
· 拼寫檢查器
· 重復代碼檢測器
編輯語言
· 支持HTML5
· css/js
· 檢驗和快速修復
· Zen編碼
· 顯示內容
· 顯示應用的風格
便捷的環境
· HTML5樣本文件和其他Web應用程序模板
· FTP和遠程文件同步
· 集成了版本控制系統
· 本地記錄
優勢功能編輯
智能的代碼補全
支持不同瀏覽器的提示，還包括所有用戶自定義的函數(項目中)
代碼補全包含了所有流行的庫，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
代碼格式化
代碼不僅可以格式化，而且所有規則都可以自己來定義
html提示
大家經常在js代碼中編寫html代碼，一般來說十分痛苦，不過有了智能提示，就爽多了。而且html裡面還能有js提示。
聯想查詢
只需要按著Ctrl鍵點擊函數或者變數等，就能直接跳轉到定義；可以全
代碼導航和用法查詢 (8張)
項目查找函數或者變數，還可以查找使用並高亮。
代碼重構
這個操作有些像Resharper，熟悉Resharper的用戶應該上手很快，支持的有重命名、提取變數/函數、內聯變數/函數、移動/復制、安全刪除等等。
代碼檢查和快速修復
可以快速找到代碼中的錯誤或者需要優化的地方，並給出修改意見，快速修復。
代碼調試
支持代碼調試，界面和IDEA相似，非常方便。
代碼結構瀏覽
可以快速瀏覽和定位
代碼折疊
功能雖小，不過勝在方便高效
包裹或者去掉外圍代碼
自動提示包裹或者去掉外圍代碼，一鍵搞定