基於php的ueditor（基於PHP的留言板設計與實現）

本文目錄一覽：

• 1、急，PHP中百度UEditor編輯器配置問題
• 2、ueditor1.4.3應用到php網站中，如何配置
• 3、php ueditor怎麼使用
• 4、在ThinkPHP下如何配置ueditor(1.4.3)版

急，PHP中百度UEditor編輯器配置問題

可見閣下對Html基礎知識了解甚少，要多學習啊。

UEditor是基於JS開發的，JS是指JavaScript，你要在Html頁面中寫JS語言，需要寫在script/script標籤之間。

你這裡載入UE，是用JS載入的，並不是用Html或PHP，這一句代碼：

window.UEDITOR_HOME_URL = “/xxxx/xxxx/”;

就是JS代碼，所以要寫在script/script標籤之內。

給閣下的建議是，既然開發中涉及到前端，那麼就一定要學習前端知識，Html、JS、CSS這是前端最主要的組成部分，一定要都了解，至少懂得怎麼用。希望能給你帶來幫助。

ueditor1.4.3應用到php網站中，如何配置

ueditor 如果沒什麼特殊的需求，並不需要進行什麼設置啊。

PHP調用的話，也與通常的做法類似，在你下載並解壓的ueditor路徑下的 index.html 里就給你演示了調用方法：

先在 head 里引入 ueditor 包：

    script type=”text/javascript” charset=”utf-8″ src=”ueditor.config.js”/script

    script type=”text/javascript” charset=”utf-8″ src=”ueditor.all.min.js” /script

    script type=”text/javascript” charset=”utf-8″ src=”lang/zh-cn/zh-cn.js”/script

2. 定義一個 editor 元素：

script id=”editor” type=”text/plain” style=”width:1024px;height:500px;”/script

3. 以下就是顯示、創建之類的操作了：

script type=”text/javascript”

    //實例化編輯器

    //建議使用工廠方法getEditor創建和引用編輯器實例，如果在某個閉包下引用該編輯器，直接調用UE.getEditor(‘editor’)就能拿到相關的實例

    var ue = UE.getEditor(‘editor’);

至於錄入到資料庫中、從資料庫中調出，你也可以參考以下代碼：

    function getContent() {

        var arr = [];

        arr.push(“使用editor.getContent()方法可以獲得編輯器的內容”);

        arr.push(“內容為：”);

        arr.push(UE.getEditor(‘editor’).getContent());

        alert(arr.join(“\n”));

    }

    function getPlainTxt() {

        var arr = [];

        arr.push(“使用editor.getPlainTxt()方法可以獲得編輯器的帶格式的純文本內容”);

        arr.push(“內容為：”);

        arr.push(UE.getEditor(‘editor’).getPlainTxt());

        alert(arr.join(‘\n’))

    }

    function setContent(isAppendTo) {

        var arr = [];

        arr.push(“使用editor.setContent(‘歡迎使用ueditor’)方法可以設置編輯器的內容”);

        UE.getEditor(‘editor’).setContent(‘歡迎使用ueditor’, isAppendTo);

        alert(arr.join(“\n”));

    }

php ueditor怎麼使用

方法/步驟

目前最新版本為1.1.7.3

下載下來的文件名為ueditor1.1.7.3.zip

把解壓出來的ueditor文件夾整個複製到項目WebRoot下

1.頁面head里增加以下代碼

2.頁面body里增加以下代碼

打開瀏覽器，輸入相應地址，一個漂亮的編輯器就出現了，但表情和上傳文件這塊還需要更改一下配置

修改配置，增加上傳

打開editor_config.js文件，修改URL的值

保存，刷新一下頁面，表情是不是可以出來了？

文件上傳默認用的是ueditor/server/upload/php/up.php進行上傳的，如果用jsp上傳，需要修改兩個地方

修改ueditor/dialogs/image/image.html頁面里第304行和ueditor/dialogs/wordimage/wordimage.html頁面第82行，改為使用up.jsp進行上傳，這裡面用的是apache的fileupload組件，所以要導入apache commons組件中的fileupload和io這兩個jar包

5.修改ueditor/server/jsp/up.jsp，指定文件的保存路徑

在ThinkPHP下如何配置ueditor(1.4.3)版

這是我之前用的ueditor，thinkPHP3.1.3版本，ueditor版本貌似是1.2或者1.3的，記不清了，你可以參考下，ueditor版本有很大不一樣的地方，官方一定會對其有相關說明及解釋，你可以稍作調整。

首先，兩個js文件用默認的就好了。

第二，你正確的引用了ueditor插件，你要上傳圖片也是很方便的，不用再做更多的配置。

下面就是我的用法，直接給你貼代碼了。 註：我下載好的ueditor文件夾放在了Public文件夾下的Admin文件夾了。

首先是頁面頭部載入js的部分：

script type=”text/javascript” charset=”utf-8″

window.UEDITOR_HOME_URL = “__PUBLIC__/Admin/ueditor/”; //UEDITOR_HOME_URL、config、all這三個順序不能改變

window.onload=function(){

window.UEDITOR_CONFIG.initialFrameHeight=300;//編輯器的高度

window.UEDITOR_CONFIG.imageUrl=”{:U(‘Index/checkPic’)}”; //圖片上傳提交地址

window.UEDITOR_CONFIG.imagePath=’__PUBLIC__/Uploads/thumb/’; //編輯器調用圖片的地址

UE.getEditor(‘contents’); //裡面的contents是我的textarea的id值

}

/script

script type=”text/javascript” src=”__PUBLIC__/Admin/ueditor/ueditor.all.js”/script

script type=”text/javascript” src=”__PUBLIC__/Admin/ueditor/ueditor.config.js”/script

然後是input框那部分：

這是我整個一條tr:

tr class=”tr rt”

td 新聞內容：/td

td colspan=”3″ class=”lt”

textarea name=”contents” id=”contents” cols=”30″ rows=”10″present name=”info”{$info.content|htmlspecialchars_decode}/present/textarea

div id=”contentsTip” class=”fl” style=”width:250px;height:29px;”/div

/td

/tr

供你參考了，把不用的掠過就好。

基本上每句都給加了注釋，應該容易理解了。