在平時的網(wǎng)站維護使用過程中，富文本編輯器是網(wǎng)站必不可少的元素之一。現(xiàn)在市面上各種編輯器功能設計參差不齊，自己做了幾個網(wǎng)站都是用蟬知建站系統(tǒng)做的，而蟬知默認內(nèi)置的編輯器是KindEditor，功能簡單，已經(jīng)滿足不了我的需求了，比如多圖上傳、視頻發(fā)布、代碼高亮等功能。

?

所以想換個編輯器，聽說百度的UEditro還不錯，所以就打算把UEditor集成到蟬知系統(tǒng)中。操作也不是很麻煩，下面分享下過程，考慮到大家通用性，設計蟬知系統(tǒng)的改動我就不過多講解了，這里主要分享在網(wǎng)站中集成UEditor的主要流程。

?

首先去百度UEditor官網(wǎng)(http://ueditor.baidu.com/website/)下載適用自己網(wǎng)站程序的最新UEditor。解壓將文件夾放到網(wǎng)站自定義目錄下,下面我以根目錄為例，具體目錄自行調(diào)整。

?

找到內(nèi)容編輯、創(chuàng)建的頁面文件，引入下面代碼（注意調(diào)整路徑）：

?

<script type="text/javascript" src="ueditor.config.js"></script> <script type="text/javascript" src="ueditor.all.js"></script>

?

內(nèi)容編輯處添加下面代碼：

?

<script id="container" name="content" type="text/plain"> 內(nèi)容 </script> <script type="text/javascript"> var ue = UE.getEditor('container'); </script>

?

itor()參數(shù)里大家可以根據(jù)自己情況進行配置。

?

如果要使用代碼高亮功能，可以在前臺內(nèi)容展示頁面文件中引入下面代碼即可：

?

<script type="text/javascript" src="/ueditor/third-party/SyntaxHighlighter/shCore.js"></script> <link rel="stylesheet" type="text/css" href="/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css"> <script> SyntaxHighlighter.all(); </script>

?

整體流程非常簡單，剩下的就是根據(jù)自己的具體需求，配置一些參數(shù)了，最后秀一下最終效果圖。

后臺文章內(nèi)容編輯：

?

代碼高亮：

?

視頻發(fā)布：

多圖上傳：

轉(zhuǎn)載于:https://www.cnblogs.com/chanzhi/p/7053261.html

總結(jié)

以上是生活随笔為你收集整理的网站如何集成百度UEditor编辑器的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。