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

供你参考了，把不用的掠过就好。

基本上每句都给加了注释，应该容易理解了。