百度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 可以在服務器中直接大楷這個文件,他是一個官方給的實例