本文目录一览:
- 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
供你参考了,把不用的掠过就好。
基本上每句都给加了注释,应该容易理解了。