『壹』 最好用的 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