軟件介紹
百度編輯器是一款由由百度FEX前端研發團隊提供的富文本WEB編輯器,我們可以在這款編輯器上進行文字和代碼的輸入。而且百度編輯器中文版還可以允許自由使用和修改代碼,這樣我們的編程人員就可以通過這款軟件來完成程序和網頁代碼的編寫。
百度編輯器軟件簡介
Ueditor是由百度web前端研發部開發所見即所得的編輯器,具有輕量,可定制,注重用戶體驗等特點。Ueditor基于BSD開源協議,除了具有代碼精簡、加載迅速的輕量級特質外,還采用了分層理念,使開發者可以根據實際應用和需求自由定制。
Ueditor編輯器劃分為了三層架構。其中,核心層為開發者提供了諸如range、selection、domUtils類的底層API接口,中間的命令插件層不僅提供了大量的基礎command,還允許開發者基于核心層進行command命令的開發,而面向用戶端的界面層則可以提供自由定制的用戶交互界面。Ueditor開源編輯器這種擁有可配性的模式,令開發者能夠根據自身需要接入任何一層進行開發。
百度編輯器軟件特色
1、功能全面
涵蓋流行富文本編輯器特色功能,獨創多種全新編輯操作模式。
2、用戶體驗
屏蔽各種瀏覽器之間的差異,提供良好的富文本編輯體驗。
3、定制下載
細粒度拆分核心代碼,提供可視化功能選擇和自定義下載。
4、開源免費
開源基于MIT協議,支持商業和非商業用戶的免費使用和任意修改。
5、專業穩定
百度專業QA團隊持續跟進,上千自動化測試用例支持。
軟件功能
1.UEditor模塊已與wysiwyg模塊整合,可以自由與其他更多編輯器配合,你有更多選擇
2.后臺可配置工具條按鈕
3.中英雙語支持
4.后臺可單獨配置各種文件的上傳路徑,如本地圖片,涂鴉,截圖,遠程抓取的圖片,視頻,文件,同時還可以設置相關的在線管理路徑,簡單說就是,比如你用你的帳號登錄后,你上傳的圖片會自動存到一個專屬于你的特殊路徑,別人是不能看到你上傳的圖片的,這樣就可以更好的權限分開管理。
5.不要問我百度編輯器有沒有什么上傳圖片,批量上傳,word圖片轉存,遠程圖片保存之類的功能
百度編輯器使用方法
第一步:在項目的任一文件夾中建立一個用于存放UEditor相關資源和文件的目錄,此處在項目根目錄下建立,起名為ueditor(自己喜歡)。
第二步:拷貝源碼包中的dialogs、themes、third-party、editor_all.js和editor_config.js到ueditor文夾中。其中,除了ueditor目錄之外的其余文件均為具體項目文件,此處所列僅供示例。
第三步:為簡單起見,此處將以根目錄下的index.php頁面作為編輯器的實例化頁面,用來展示UEditor的完整版效果。在index.php文件中,首先導入編輯器需要的三個入口文件,示例代碼如下:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>編輯器完整版實例</title>
<script type="text/javascript" src="ueditor/editor_config.js"></script>
<script type="text/javascript" src="ueditor/editor_all.js"></script>
第四步:然后在index.php文件中創建編輯器實例及其DOM容器。具體代碼示例如下:
<textarea name="后臺取值的key" id="myEditor">這里寫你的初始化內容</textarea>
<script type="text/javascript">
var editor = new UE.ui.Editor();
editor.render("myEditor");
//1.2.4以后可以使用一下代碼實例化編輯器
//UE.getEditor('myEditor')
</script>
最后一步: 在/UETest/ueditor/ editor_config.js中查找URL變量配置編輯器在你項目中的路
代碼如下:
//強烈推薦以這種方式進行絕對路徑配置(注意:下面的UETest是虛擬目錄名稱)
URL= window.UEDITOR_HOME_URL||"/UETest/ueditor/";
至此,一個完整的編輯器實例就已經部署到咱們的項目中了!在瀏覽器中輸入http://localhost/UETest 運行下試試UE強大的功能吧!
常見問題
1.亂碼
如果運行成功了,而出現亂碼的話,請檢查你的編碼方式。UEditor引用的腳本帶有編碼方式和meta標簽。我下載的是utf-8版,運行起來就出現了亂碼,我把引用的腳本中的charset="utf-8" 去掉就沒有問題了。
2.上傳圖片出錯
如果上傳圖片出現紅色的叉叉,或者上傳到一半沒有反應。把net文件夾(PHP語言對應的是php,而JSP語言對應的是jsp)下面的web.config刪除,原因是它里面使用.net 4.0的配置,而3.5和以下的版本就會有問題,刪除不會有影響。
- 精選留言 來自遼寧營口聯通用戶 發表于: 2023-9-16
- 厲害了我的哥
- 精選留言 來自江蘇宿遷電信用戶 發表于: 2023-7-11
- 我極力推薦這個,本人真實使用感受告訴你不會錯的
- 精選留言 來自河北保定電信用戶 發表于: 2023-5-9
- 支持一下
- 精選留言 來自廣東茂名移動用戶 發表于: 2023-12-3
- 好用,軟件齊全,快速
- 精選留言 來自浙江溫州聯通用戶 發表于: 2023-2-25
- 一直在用 很好 很快 值得