当前位置：首页 > 资讯 > 技术文档

thinkPHP下ueditor的使用方法详解

时间：2020-03-23 01:27 编辑：来源：阅读：
扫一扫，手机访问

摘要：thinkPHP下ueditor的使用方法详解

本文实例讲述了thinkPHP下ueditor的使用方法。分享给大家供大家参考，具体如下： 1、首先需要下载ueditor，下载地址：[url=http://ueditor.baidu.com/website/download.html]http://ueditor.baidu.com/website/download.html[/url] 2、下载对应的php版的，下载后重命名为ueditor，根据需要放到对应的项目目录中。我放的位置为Public/admin文件夹下，admin为后台的访问入口文件目录。 3、在项目中的使用首先需要引入核心的js文件：

<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.all.js"></script>

然后再文件中加入<textarea>标签，注意设置id属性

[u]复制代码[/u] 代码如下:

接着是初始化编辑器，注意配置路径

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

[b]注意：[/b] 1、UEDITOR_HOME_URL的路径配置为ueditor所在的位置。 2、图片上传路径的配置 3、editor.render("textarea的id一致"); 至此一个便算基本完成。但是，[b]在IE9下，编辑器没有一点效果，这是怎么回事呢？[/b] 在IE9下，需要把

[u]复制代码[/u] 代码如下:

window.UEDITOR_HOME_URL = "__PUBLIC__/ueditor/";

路径设置代码，放在引入js文件和初始化之间。希望本文所述对大家基于thinkPHP框架的php程序设计有所帮助。

全部评论(0)

上一篇：FCKeditor + SyntaxHighlighter 让代码高亮着色插件
下一篇：ThinkPHP使用Ueditor的方法详解

资讯排行榜
更多>>