Ⅰ 前端用jQuery怎麼獲取到富文本ueditor web編輯器裡面的文字和圖片內容
在線文檔對UEditor說明不夠全面，收集了一些常用的方法和基本設置，以供參考。
1、創建編輯器
UE.getEditor('editor', {
initialFrameWidth:"100%" //初始化選項
})
精簡版
UE.getEditor('editor')
2、刪除編輯器
UE.getEditor('editor').destroy();
3、設置焦點
UE.getEditor('editor').focus();
4、獲取編輯器內容
UE.getEditor('editor').getContent()
5、編輯器是否有內容
UE.getEditor('editor').hasContents()
6、獲取編輯器內容純文本格式
UE.getEditor('editor').getContentTxt()
7、獲取帶格式的純文本
UE.getEditor('editor').getPlainTxt()
8、啟用編輯器
UE.getEditor('editor').setEnabled();
9、禁止編輯
UE.getEditor('editor').setDisabled('fullscreen');
10、獲取整個html內容
UE.getEditor('editor').getAllHtml()
11、常用設置
imageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php", //圖片上傳介面
imagePath:"http://",
scrawlUrl:UEDITOR_HOME_URL + "../yunserver/yunScrawlUp.php",//塗鴉介面
scrawlPath:"http://",
fileUrl:UEDITOR_HOME_URL + "../yunserver/yunFileUp.php",//文件上傳介面
filePath:"http://",
catcherUrl:UEDITOR_HOME_URL + "php/getRemoteImage.php",//獲取遠程圖片介面
catcherPath:UEDITOR_HOME_URL + "php/",
imageManagerUrl:UEDITOR_HOME_URL + "../yunserver/yunImgManage.php",//圖片管理介面
imageManagerPath:"http://",
snapscreenHost:'ueditor..com',
snapscreenServerUrl:UEDITOR_HOME_URL + "../yunserver/yunSnapImgUp.php",//截圖介面
snapscreenPath:"http://",
wordImageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php",//word圖片轉存介面
wordImagePath:"http://", //
getMovieUrl:UEDITOR_HOME_URL + "../yunserver/getMovie.php",//獲取視頻介面
lang:/^zh/.test(navigator.language || navigator.browserLanguage || navigator.userLanguage) ? 'zh-cn' : 'en',
langPath:UEDITOR_HOME_URL + "lang/",
webAppKey:"9HrmGf2ul4mlyK8ktO2Ziayd",
initialFrameWidth:860, //初始化寬度
initialFrameHeight:420, //初始化高度
focus:true //是否焦點
Ⅱ 求大神，告訴web前端開發中在線的文本編輯器，可以用什麼方式實現，用到了什麼插件
有好多 。你可以看看網路編輯器 功能提多也有簡易版 直接網路「網路編輯器」 或者網路富文本編輯器也可以找到很多插件的
Ⅲ 前端用哪些常見的開發工具
Web前端是一個新興職業，市場需求大，薪資待遇高，吸引了很多人加入學習。無論是初學小白亦或是自身前端開發人員，好用的軟體工具可以幫助他們更好的工作。今天優就業給大家分享一下Web前端開發用什麼軟體。
1、Sublime Text
Sublime Text是一個代碼編輯器也是HTML和散文先進的文本編輯器。漂亮的用戶界面和非凡的功能，例如迷你地圖，多選擇，Python的插件，代碼段，等等。完全可自定義鍵綁定，菜單和工具欄。Sublime Text的主要功能包括：拼寫檢查，書簽，完整的Python API，Goto功能，即時項目切換，多選擇，多窗口等等。
2、Dreamweaver
Adobe Dreamweaver使用所見即所得的介面，亦有HTML(標准通用標記語言下的一個應用)編輯的功能，藉助經過簡化的智能編碼引擎，輕松地創建、編碼和管理動態網站。 訪問代碼提示，即可快速了解 HTML、CSS 和其他Web 標准。使用視覺輔助功能減少錯誤並提高網站開發速度。
3、Visual Studio Code
Visual Studio Code中文版是微軟推出的帶 GUI 的代碼編輯器，軟體功能非常強大，界面簡潔明晰、操作方便快捷，設計得很人性化。軟體主要改進了文檔視圖，完善了對 Markdown的支持，新增PHP語法高亮。
4、HBuilder
HBuilder是專為前端打造的開發工具，具有飛一樣的編碼、最全的語法庫和瀏覽器兼容數據、可以方便的製作手機APP、最保護眼睛的綠柔設計等特點。支持HTML、CSS、JS、PHP的快速開發。從開放注冊以來深受廣大前端朋友們的喜愛。
5、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
想知道「Web前端開發用什麼軟體」，通過網上搜索你可以發現很多，而能否很好的藉助這些軟體完成項目，關鍵還要看你的技術。
Ⅳ 現在比較好用的前端開發工具有哪些啊
1. node.js + npm， 這個是前端工具的一個平台，沒有他們就沒有以下的工具，建立開發環境，下載開發工具，運行開發工具的利器
2. bower, 庫依賴管理器，類似於npm，但針對瀏覽器JavaScript的依賴管理，減少尋找庫，下載庫和升級庫的煩惱
3.grunt，流程自動化管理工具，將你非編程的開發步驟減到最小，grunt watch+liveReload或者grunt connect,可以使得免除你F5無盡地獄，發布和開發各種無壓力。以下大部分開發工具，都有grunt的相對應的插件，也就是說他們都能利用grunt進行自動化運行
5. 本人用less比較多，因為基本無縫兼容歷史遺留系統中的css，（而Sass語法比較特殊，還沒有專門用過，應該開發新系統的css比較好），一套css預編譯語言，可以把less語法轉成css語法，lessc是less語言編譯器，配合grunt less，編寫大型css文檔毫無壓力。
6.Phantomjs，沒有界面的瀏覽器，用js腳本控制其操作網頁。測試，抓圖，網頁流程自動化利器。配合casperjs的語法簡化功能真強庫後，控制Phantomjs就更加容易了
7. grunt PhotoBox, 利用phantomjs抓圖功能和ImageMagick圖片比較功能，在利用live-reload即時刷新功能，可以讓你開發css的時候，快速對n多個頁面進行觀察，看其前後變化。不過缺點也比較明顯，就是速度慢。但比起手動對比來看，還是非常快的。值得css開發時擁有
8. phantomCSS，這個和grunt photobox類似，都用於css開發的，差別是photobox是全局觀察差別，而這個是單元組件觀察差別，它方便你就抓頁面中某一塊元素然後進行前後比較，更加註重細節上的差異，這個比較合適組件開發時候使用。
9. jshint，幫助你快速定位JavaScript的語法錯誤和潛在的跨瀏覽器兼容性問題。在部署你JS前，用jshint檢查一下是沒錯的 。
10.UglifyJS，壓縮JavaScript代碼，使你的JS代碼可以更加快速的載入。有grunt的插件
11. browserify允許你在瀏覽器裡面使用CMD標准模塊，但本人認為它的另外一個優勢是合並代碼，開發時候可以把代碼模塊化，分成很多很多小文件，然後有調理的放到相對應文件夾下，然後最後合成單一文件。本人曾經利用browserify開發greasemonkey代碼，大大簡化了greasemonkey的開發難度和增強了greasemonkey代碼的質量。browserify有grunt插件，這樣又減少的開發步驟。
12. Karma， google開發的一個單元測試運行器，這個自己本身不是一個單元測試框架，而是配合測試單元框架的一個工具。由於前端瀏覽器眾多，就算你有live-reload這樣自動化工具，但是還是要手動打開各種瀏覽器，手動把你的單元測試在各個瀏覽器都運行一遍。這個工具目的是目的就是讓電腦能自動化打開各種瀏覽器，然後把單元測試在各個瀏覽器中自動運行一遍，讓這個步驟也能自動化了。
13.clean-css (grunt cssmin)， 我用的是grunt cssmin，但是grunt cssmin實際上背後使用的是clean-css工具，這個工具就是用來壓縮精簡css的，讓css文件大小更小。
Ⅳ 網頁前端開發，我想知道vue可以寫富文本編輯器嗎好搞嗎
你可以先用好用的富文本編輯器，這些編輯器都是無數程序員優化更新過的，自然是對於性能各方面很完善了
Ⅵ 前端工程師們都用什麼編輯器
現在市面上的前端開發工具數不勝數，令人眼花繚亂，作為半吊子入坑的前端開發人員，下面分享一些自己的工具使用庫。
當涉及到開發工具時，肯定避不開編輯器:
SublimeText
是一個專業的快速成型工具，負責定義需求和規格，設計特徵和界面，專家可以快速創建一個應用軟體或網站的線框圖，流程圖，原型和規格文件。作為一種專業的原型工具，它可以快速高效地創建原型，同時支持多人協作設計和版本管理。
當然 還有一些什麼導圖工具啦 壓縮工具啦 這里就不一一列舉了。
Ⅶ 前端開發用的文本編輯器有哪些
1.Visual Studio Code 微軟在2015年4月30日Build 開發者大會上正式宣布了 Visual Studio Code 項目:一個運行於 Mac OS X、Windows和 Linux 之上的,針對於編...
2.hbuilder 前端開發小白入門首選,hbuilder是國產的一款前端開發工具而且是免費的,對於英語不好的前端工程師是一個不錯的消息。 優點是有強大的其他語言支持和開發webapp等功能,強大到沒朋友。在語法提示、轉到...
3.sublime text3 sublime text是一個輕量級的編輯器,也是支持各種編程語言,sublime text所有的強大功能都是支持插件的,而且快捷鍵十分的好用,可以極大的減少開發的勞動
Ⅷ 用前端知識做富文本編輯器我們需要具備哪些知識
kindeditor
kindeditor - 在線HTML編輯器官網
搜索"kindeditor"的分享列表
kindeditor的上傳圖片簡單代碼
ckeditor
CKEditor.com | The best web text editor for everyone官網
搜索"ckeditor"的分享列表
ckeditor整合代碼高亮插件syntaxhighlighter2使用配置demo實例下載
pagedown
終於搞定了stackoverflow的富文本編輯器pagedown
ueditor
UEditor - 首頁
ueditor富文本編輯器jsp使用實例
搜索"ueditor"的分享列表
其他編輯器源碼下載
搜索"編輯器"的分享列表