相思资源网 Design By www.200059.com
本文实例讲述了thinkPHP下ueditor的使用方法。分享给大家供大家参考,具体如下:
1、首先需要下载ueditor,下载地址:http://ueditor.baidu.com/website/download.html
2、下载对应的php版的,下载后重命名为ueditor,根据需要放到对应的项目目录中。我放的位置为Public/admin文件夹下,admin为后台的访问入口文件目录。
3、在项目中的使用
首先需要引入核心的js文件:
<script type="text/javascript" charset="utf-8" src="/UploadFiles/2021-04-02/ueditor.config.js">然后再文件中加入<textarea>标签,注意设置id属性
复制代码 代码如下:<textarea name="content" id="EditorId"> </textarea>接着是初始化编辑器,注意配置路径
<script type="text/javascript" charset="utf-8"> window.UEDITOR_HOME_URL = "__PUBLIC__/admin/ueditor/"; window.onload=function(){ window.UEDITOR_CONFIG.initialFrameHeight=300;//编辑器的高度 window.UEDITOR_CONFIG.initialFrameWidth=800;//编辑器的宽度 var editor = new UE.ui.Editor({ imageUrl : '__APP__/Editor/uploadImage', fileUrl : '__APP__/Editor/uploadFile', imagePath : '', filePath : '', imageManagerUrl:'__APP__/Editor/imageManage', //图片在线管理的处理地址 imageManagerPath:'__ROOT__/' }); editor.render("EditorId"); } </script>注意:
1、UEDITOR_HOME_URL的路径配置为ueditor所在的位置。
2、图片上传路径的配置
3、editor.render("textarea的id一致");至此一个便算基本完成。
但是,在IE9下,编辑器没有一点效果,这是怎么回事呢?
在IE9下,需要把
复制代码 代码如下:window.UEDITOR_HOME_URL = "__PUBLIC__/ueditor/";
路径设置代码,放在引入js文件和初始化之间。希望本文所述对大家基于thinkPHP框架的php程序设计有所帮助。
标签:
thinkPHP,ueditor
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无thinkPHP下ueditor的使用方法详解的评论...