首页 > 编程知识 正文

基于php的ueditor(基于PHP的留言板设计与实现)

时间:2023-12-02 11:48:14 阅读:311333 作者:GVUR

本文目录一览:

  • 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

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

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

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。