‘壹’ 最好用的 JavaScript IDE 或编辑器是哪个
IDE:
1，visual studio——宇宙最强IDE。用熟之后，懵然发现，其实宇宙中只有一个IDE，其它的所谓IDE，原来都只是加强型的文本编辑器。
2，webstrom——JB公司出品，必属精品，一人之下，万人之上。
3，HBuilder——国货精品，专注H5，全中文，很给力。
文本编辑器：
1，VS CODE——visual studio的阉割版。。虽然直接阉成了文本编辑器。但更加轻量，依然宇宙最强。
2，sublime——曾经的王者，在VS CODE出现之前，公认最好的文本编辑器，没有之一。
3，Brackets——ADOBE出品，专注WEB，界面美观，配色华丽。
4，Notepad++——虽一度被sublime吊打，但小巧，简单，依然有其亮点
如果楼主只是写JS，不做后端的话，其实用个文本编辑器就足够了。。VS CODE和sublime都不错。。用IDE写JS有些杀鸡用牛刀的感觉。IDE通常用来做一些C#,C++，JAVA之类的大型项目，才能发挥出优势。。
‘贰’ 怎么用js获取一段代码，复制到Web文本编辑器里是所见即所得的样式
在dreamweaver中新建立一个html文档，把你拷贝的代码粘贴进去，然后选择拆分，就会出现两个视图框，左边是源码，右边是解析后的页面效果，可实时调整。
‘叁’ Web前端开发需要哪些工具
前端开发中需要掌握最基础的技能就是HTML、CSS，JavaScript。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互，在进行开发前，需要对这些概念弄清楚，才能进行合理的开发。
在网页建设的过程中，为了避免代码的繁琐杂乱，更高效快速地完成任务，就会使用到一些有代码高亮提示和语法提示等便捷功能的前端开发工具。
1，Dreamweaver：中文名“梦想编织者”。是集网页制作和管理网站于一身的所见即所得网页代码编辑器。它可以使用所见即所得的接口，亦有HTML编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。访问代码提示，即可快速了解 HTML、CSS 和其他Web 标准。 使用视觉辅助功能减少错误并提高网站开发速度。
2，Sublime：Sublime Text 是一个代码编辑器，也是HTML和散文先进的文本编辑器。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。
3，HBuilder：是DCloud,推出的一款支持HTML5的Web开发IDE。 HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。
有了工具，接下来还得靠我们人来操作。你必须熟悉三种语言，把这些概念弄明白，才能开发出好的作品。
‘肆’ javascript用什么编辑器
对于javascript的编辑器，有很多种。
比如：DW，Sublime，WebStorm，Visual studio , Eclipse 等
主要看你用哪个方便，
如果你都没有用过，建议你用webstorm
‘伍’ 有没有比较强大的html+js+css编辑器
推荐Hbuider，个人感觉比eclipse和dreamweaver好用。。
特点：轻量，只有几M，就算全部插件安装也只有三百M。
测试方便：可以直接打包成app运行到安卓或苹果模拟器和真机里。
app配置简单，上手速度快。
全中文界面。
可以新建mui的相关项目并直接调试。
可以新建HTML5 plus项目并直接调试。
可以新建微信支付宝等各种小程序页面并直接调试。
反正就是强大，好用。。
HTML项目打包成app也很方便。
使用过程中无广告全程免费。
软件启动快，没有加载界面读取界面。双击图标顶多两秒，编码窗口就出来了。
软件响应快，速度快。
‘陆’ 如何配置一个最基本的web富文本编辑器
第一步，引用wangEditor的css文件，css文件最好在<head>中引用
<link rel="stylesheet" type="text/css" href="css/wangEditor-1.3.0.min.css">
第二步，引用jquery和wangEditor.js，js文件最好在<body>最下方引用
<script type="text/javascript" src='js/jquery-1.10.2.min.js'></script>
<script type="text/javascript" src='js/wangEditor-1.3.0.min.js'></script>
第三步，配置富文本框。
<script type="text/javascript">
$(function(){
$('#textarea1').wangEditor();
});
</script>
‘柒’ 求web文本编辑器实现原理, 开发思路,javascript实现
最简单的思路：
1. 文本编辑器一般都用 iframe 实现。
2. iframe 内部文档的 designMode = 'on' 就是编辑模式。
3. designMode = 'on' 的情况下，可以执行浏览器的编辑命令 execCommand。
4. 编辑器的每一个按钮对应一个 command。
另外：
div 的属性 contEditable="true" 的情况下，也可以实现HTML的编辑。
如果要做出真正可用的编辑器，需要掌握两个知识点：
1. DOM
2. RANGE
网上有很多javascript的编辑器，可以参考。
‘捌’ 如何利用js取得eWebEditor编辑器的内容
代码如下：
<HTML>
<HEAD>
<TITLE>eWebEditor ： 标准调用示例</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<link rel='stylesheet' type='text/css' href='example.css'>
<script>
function validateForm(){
if(document.getElementById("content1").value!=""){
document.getElementById("myform").submit();
}else{
alert("空");
}
}
</script>
</HEAD>
<BODY>
<FORM method="post" name="myform" action="rs.jsp">
<TABLE border="0" cellpadding="2" cellspacing="1">
<TR>
<TD>编辑内容：</TD>
<TD>
<INPUT type="hidden" name="content1" >
<IFRAME ID="eWebEditor1" src="../ewebeditor.htm?id=content1&style=coolblue" frameborder="0" scrolling="no" width="550" height="350"></IFRAME>
</TD>
</TR>
<TR>
<TD colspan=2 align=right>
<INPUT type=button value="提交" onclick="validateForm()">
<INPUT type=reset value="重填">
<INPUT type=button value="查看源文件" onclick="location.replace('view-source:'+location)">
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
‘玖’ JavaScript代码编辑器有哪些
Sublime Text，Visual Studio Code和Brackets中找到自己喜欢的JavaScript编辑器，但是还有其它的编辑器工具Atom，BBEdit，Komodo Edit，Notepad ++，Emacs和Vim等值得了解。你可以根据现在的项目，选择其中最为方便使用的编辑工具。个人推荐vscode