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相似，非常方便。
代码结构浏览
可以快速浏览和定位
代码折叠
功能虽小，不过胜在方便高效
包裹或者去掉外围代码
自动提示包裹或者去掉外围代码，一键搞定