網(wǎng)站如何集成百度UEditor編輯器

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

所以想換個(gè)編輯器,聽說百度的UEditro還不錯(cuò)端衰,所以就打算把UEditor集成到蟬知系統(tǒng)中叠洗。操作也不是很麻煩,下面分享下過程旅东,考慮到大家通用性灭抑,設(shè)計(jì)蟬知系統(tǒng)的改動(dòng)我就不過多講解了,這里主要分享在網(wǎng)站中集成UEditor的主要流程抵代。

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

找到內(nèi)容編輯案腺、創(chuàng)建的頁(yè)面文件,引入下面代碼(注意調(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ù)自己情況進(jìn)行配置康吵。

如果要使用代碼高亮功能劈榨,可以在前臺(tái)內(nèi)容展示頁(yè)面文件中引入下面代碼即可:

<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>

整體流程非常簡(jiǎn)單,剩下的就是根據(jù)自己的具體需求晦嵌,配置一些參數(shù)了同辣,最后秀一下最終效果圖拷姿。

后臺(tái)文章內(nèi)容編輯:

代碼高亮:

?視頻發(fā)布:

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市旱函,隨后出現(xiàn)的幾起案子响巢,更是在濱河造成了極大的恐慌,老刑警劉巖棒妨,帶你破解...
    沈念sama閱讀 211,639評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件踪古,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡券腔,警方通過查閱死者的電腦和手機(jī)伏穆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來颅眶,“玉大人蜈出,你說我怎么就攤上這事田弥√涡铮” “怎么了?”我有些...
    開封第一講書人閱讀 157,221評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵偷厦,是天一觀的道長(zhǎng)商叹。 經(jīng)常有香客問我,道長(zhǎng)只泼,這世上最難降的妖魔是什么剖笙? 我笑而不...
    開封第一講書人閱讀 56,474評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮请唱,結(jié)果婚禮上弥咪,老公的妹妹穿的比我還像新娘。我一直安慰自己十绑,他們只是感情好聚至,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,570評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著本橙,像睡著了一般扳躬。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上甚亭,一...
    開封第一講書人閱讀 49,816評(píng)論 1 290
  • 那天贷币,我揣著相機(jī)與錄音,去河邊找鬼亏狰。 笑死役纹,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的暇唾。 我是一名探鬼主播促脉,決...
    沈念sama閱讀 38,957評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼啰挪,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了嘲叔?” 一聲冷哼從身側(cè)響起亡呵,我...
    開封第一講書人閱讀 37,718評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎硫戈,沒想到半個(gè)月后锰什,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,176評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡丁逝,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,511評(píng)論 2 327
  • 正文 我和宋清朗相戀三年汁胆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片霜幼。...
    茶點(diǎn)故事閱讀 38,646評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡嫩码,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出罪既,到底是詐尸還是另有隱情铸题,我是刑警寧澤,帶...
    沈念sama閱讀 34,322評(píng)論 4 330
  • 正文 年R本政府宣布琢感,位于F島的核電站丢间,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏驹针。R本人自食惡果不足惜烘挫,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,934評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望柬甥。 院中可真熱鬧饮六,春花似錦、人聲如沸苛蒲。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)撤防。三九已至虽风,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間寄月,已是汗流浹背辜膝。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評(píng)論 1 266
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留漾肮,地道東北人厂抖。 一個(gè)月前我還...
    沈念sama閱讀 46,358評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像克懊,于是被迫代替她去往敵國(guó)和親忱辅。 傳聞我的和親對(duì)象是個(gè)殘疾皇子七蜘,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,514評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,777評(píng)論 25 707
  • 1.背景介紹 在做Web應(yīng)用時(shí),經(jīng)常會(huì)進(jìn)行富文本編輯墙懂,常用的富文本編輯器有很多橡卤,比如CuteEditor、CKEd...
    維克拉瑪?shù)賮?/span>閱讀 2,197評(píng)論 0 0
  • 我們妖王說损搬,“互聯(lián)網(wǎng)+學(xué)習(xí)=……”(他說的等于啥碧库?我忘了) 關(guān)于提升英語能力,還是有很多APP可以推薦的巧勤,接下來大...
    ___永不開封的汽水閱讀 373評(píng)論 0 0
  • 嗨嵌灰!朋友們,五一小長(zhǎng)假結(jié)束了颅悉,應(yīng)該都過的很開心吧沽瞭! 我也很開心!哈哈剩瓶!忙著放假驹溃,都沒顧上學(xué)習(xí)和寫感恩日記,就算是獎(jiǎng)...
    寬兩秒心自在閱讀 249評(píng)論 0 0
  • 上週六(9/13)有幸受邀去觀賞了一場(chǎng)非常精彩的印度傳統(tǒng)舞蹈( Bharathanatyam)演出儒搭。 舞者們豐富的...
    陽(yáng)冰閱讀 400評(píng)論 0 1