百度ueditor富文本編輯器的使用



百度ueditor富文本編輯器的使用
//以下為我在官網下載的ueditor v1.3.5 php版的大楷配置步驟
第一步:
//配置文件的引入應該比功能文件先引入,最后設置語言類型。即:editor.config.js==>editor.all.min.js==>lang/zh-cn/zh-cn.js

<script type="text/javascript" src="ueditor/editor.config.js"></script> 
<script type="text/javascript" src="ueditor/editor.all.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>

第二步:
//在網頁中應用文本寬的地方

<textarea name="content" id=" content ">
這里寫你的初始化內容
</textarea> 
<script type="text/javascript"> 
UE.getEditor(' content '); //'content' 為上邊文本框的ID值 
</script> 

第三步:
在配置文件(editor.config.js)下修改全局路徑(三種方案):
1) var URL = window.UEDITOR_HOME_URL || "/myUeditor(網站根文件夾)/ed(UEditor文件夾)/";

2) window.UEDITOR_HOME_URL = "/myUeditor(網站根文件夾)/ed(UEditor文件夾)/";
var URL = window.UEDITOR_HOME_URL || getUEBasePath();
3) var URL ="/myUeditor(網站根文件夾)/ed(UEditor文件夾)/";
//其實最終目的就是讓URL的值為網站根目錄到ueditor的路徑字符串(*以 “/” 結束)

第四步:
工具欄工具設置:
單行:
toolbars:[["bold","italic","undo","redo"]]
多行:
toolbars:[["bold","italic"],["undo","redo"],["insertimage"]]
第五步:

//對編輯器默認參數配置
,autoFloatEnabled:false //工具欄浮動 
,elementPathEnabled:false //左下角顯示元素路徑 
,autoHeightEnabled:false // 是否自動長高,默認true,設為false當超界時顯示滾動條
,maximumWords:10000 //允許的最大字符數 
,initialFrameWidth:750 //初始化編輯器寬度,默認1000 
,initialFrameHeight:400 //初始化編輯器高度,默認320 
,wordCount:true //是否開啟字數統計 
,textarea:content //設置默認文本框內容的name屬性,也可在對應的html中設置name屬性

  

//==========================ueditor的文件目錄說明===================================//
dialogs 編輯器彈出框的內容都在在里面。不可刪除,不建議移動該目錄
lang 編輯器語言國際化支持,如果你想增加韓語、日語等支持可以在這里添加。 不可刪除,不建議移動該目錄
php/jsp/.net 服務器端處理程序,各個版本該目錄名字不一樣,jsp版本叫jsp,以此類推。可刪除,這需要你自己開發相關程序;可移動,前提是要更改對應的上傳路徑!!!
themes 編輯器皮膚目錄。不可刪除,不建議移動該目錄
third-party 編輯器以來第三方包。不可刪除,不建議移動該目錄
editor.all.js 編輯器打包后的文件,開發環境用該文件。不可刪除,不建議移動該文件
editor.all.min.js 編輯器打包后的壓縮版本,產品環境用該文件。不可刪除,不建議移動該文件
editor.config.js 編輯器配置文件。不可刪除,不建議移動該文件(一般將其備份在之際配置一份)
ueditor.parse.js
ueditor.parse.min.js
index.html 可以在服務器中直接大楷這個文件,他是一個官方給的實例


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM