一、請(qǐng)根據(jù)需要到官方網(wǎng)站下載（http://ueditor.baidu.com/build/build_down.php?t=1_2_5_1-utf8-php）（這是PHP服務(wù)器端的下載包）。

創(chuàng)新互聯(lián)公司主要從事網(wǎng)站制作、成都網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)黃山區(qū),十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來(lái)電咨詢建站服務(wù):028-86922220

二、UEditor相關(guān)操作

   1、在根目錄下新建文件夾存放相關(guān)資源文件，此名為editor.

   2、把下載的源碼包里的相關(guān)文件拷貝到editor文件中。

   3、在使用編輯器的html頁(yè)面導(dǎo)入以下js文件

   <script type="text/javascript" charset="utf-8" src="editor_config.js"></script>

   <script type="text/javascript" charset="utf-8" src="editor_all.js"></script>

   <script type="text/javascript" src="third-party/SyntaxHighlighter/shcore.js">

   </script> <link rel="stylesheet" href="third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" />

   4、在html頁(yè)面創(chuàng)建編輯容器并實(shí)例化編輯器，代碼如下：

         <textarea id="editor"></textarea>

           <scripttype="text/javascript">

               //實(shí)例化編輯器

              var ue = UE.getEditor('editor');

         </script>

   5、在editor_config.js中查找URL變量,配置編輯器在你項(xiàng)目中的路徑。如果不是放在項(xiàng)目當(dāng)中使用，URL變量可以不用修改。但是在項(xiàng)目當(dāng)中使用就一定得修改。

       URL= UEDITOR_HOME_URL || "編輯器在你項(xiàng)目中的路徑";//重要,必須正確配置

三、自定義配置

   1、編輯器工具欄只顯示源代碼，并且初始化的時(shí)候進(jìn)入源碼模式。

    在editor_config.js中查找 ,sourceEditorFirst:true；把前面的注釋去掉，在html當(dāng)中寫入的代碼如下

       <script type="text/javascript">

       //工具欄的功能

        var editor = new baidu.editor.ui.Editor({

              toolbars:[['source']]  //自定義工具欄顯示的按鈕

       

        });

       editor.render("editor");

       </script>

   

   2、讓編輯器寬自適應(yīng)

     在editor_config.js中查找

       ,initialFrameWidth:"100%"  //把數(shù)值改成百分比

       ,scaleEnabled:true

       ,minFrameWidth:800    //編輯器拖動(dòng)時(shí)最小寬度,默認(rèn)800

       ,minFrameHeight:320  //編輯器拖動(dòng)時(shí)最小高度,默認(rèn)320

把前面的注釋去掉就可以了。

    以上的內(nèi)容是我在項(xiàng)目當(dāng)中遇到的問(wèn)題。在網(wǎng)上搜索都沒(méi)有找到滿意的答案。自己慢慢研究后做一下總結(jié)，方便其他需要用到的朋友使用。

四.更多詳細(xì)使用幫助請(qǐng)查看官方解釋

在線文檔：http://ueditor.baidu.com/website/document.html

UEditor論壇：http://www.ueditorbbs.com/forum.php

網(wǎng)頁(yè)題目：UEditor編輯器使用方法及文件下載
URL鏈接：http://sd-ha.com/article8/ggssop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、外貿(mào)建站、企業(yè)建站、面包屑導(dǎo)航、營(yíng)銷型網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)