用過6kzz免費版的朋友都知道，它的后臺編輯器是kindeditor，并且是兩三年前的版本，有很多功能都沒有，現在的kindeditor也不錯，但感覺還是沒有百度的ueditor強大(據說微信后臺的編輯器也是它，依托競爭對手的產品，微信還需要不斷提升實力)，于是就把編輯器換位ueditor吧

?

下載下來ueditor后

就要進行配置了

本文就6kzz后臺做實例，一般的比這個還要簡單

1.仿照kindeditor,將ueditor拷貝到

目錄的inc/下

2.找到調用編輯氣的頁面，在6k中是到admin/admin.php里

在引入編輯器文件的位置引入ueditor的文件和對其初始化

同時將引入原來編輯器的js文件刪除或者注釋掉

?

<!-- <script type="text/javascript" src="../inc/kindeditor/kindeditor.js"></script>--><script type="text/javascript" src="../inc/ueditor/ueditor.config.js"></script><script type="text/javascript" src="../inc/ueditor/ueditor.all.js"></script>

?

?

然后初始化

?

<script type="text/javascript">//var editor = new UE.ui.Editor();//editor.render("myEditor");//1.2.4以后可以使用一下代碼實例化編輯器 UE.getEditor('myEditor')</script>

?

?

如果是文件編輯或者修改

?

那么在admin.php里會根據判斷引入文章編輯article.php文件(6k自己的事，與配置編輯器無關)

?

在article.php里在文章內容處加載編輯器界面

?

<textarea?name="content"?id="myEditor"?style="width:?800px;?height:?400px;">{$row['content']}</textarea>

?

千萬注意?此處id的值要與上文中編輯器初始化里

?

?UE.getEditor('myEditor')

?

的值一致，否者不起作用

?

自此以成功引入編輯器

?

但用編輯器編輯的內容在讀取時是不是自己想要的展示效果呢，顯然不是

?

在ueditor下

?

有

在展示(文件讀取頁面)還需進行配置

在模板文件夾下模板文件比如

View.htm里加入

<script src="./inc/ueditor/ueditor.parse.js" type="text/javascript"></script><script>uParse('.viewcontent',{'highlightJsUrl':'./inc/ueditor/third-party/SyntaxHighlighter/shCore.js','highlightCssUrl':'./inc/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css'})</script>

?

注意文件路徑

是view.php引入view.htm進行展示的，要以view.php的路勁為基準引入js文件

還得注意

<div?class="viewcontent">{$row['content']}</div>

要展示的內容，的class名要與uParse()里的參數一致，否者也不會解析。

?

到此，基本的配置基本結束

下一步要配置的就是圖片上傳路徑與在線圖片管理了。

上傳圖片路勁配置

在ue下的php文件夾下的imageUp.php里

//上傳配置

??

$config = array("savePath" => ($path == "1" ? "../../../uploadfile/attachment" : "upload1/"),"maxSize" => 1000, //單位KB"allowFiles" => array(".gif", ".png", ".jpg", ".jpeg", ".bmp"));

?

在savePath里，如果上傳到upload(后臺上傳進行)

?

?

把路勁改為

"../../../uploadfile/attachment"

上傳圖片時，圖片就會存儲到

Uploadfile/attachment/年月日/

?

在線圖片的管理

有時(在我們沒有配置該項時)我們明明上傳了圖片，但點擊在線管理時卻是空的

是應為我們少了這項配置

在ue下的php文件夾下的

imageManager.php里

$paths?=?array('upload/','../../../uploadfile/attachment/');

改成上面的上傳路徑就Ok了

文件附件等的上傳與圖片上傳的配置類似

其實在ueditor.config.js

說的很明白，可以參考進行相關配置

本文僅作拋磚引玉，與大家分享！

轉載于:https://www.cnblogs.com/HKUI/p/3274612.html

總結

以上是生活随笔為你收集整理的6kzz整合ueditor的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。