thinkPHP下ueditor的使用方法详解-php教程-PHP中文网

thinkPHP下ueditor的使用方法详解

php中文网

发布： 2016-07-29 09:08:59

原创

2138人浏览过

本文实例讲述了thinkphp下ueditor的使用方法。分享给大家供大家参考，具体如下：

1、首先需要下载ueditor，下载地址：http://ueditor.baidu.com/website/download.html

2、下载对应的php版的，下载后重命名为ueditor，根据需要放到对应的项目目录中。我放的位置为Public/admin文件夹下，admin为后台的访问入口文件目录。

3、在项目中的使用

首先需要引入核心的js文件：

立即学习“PHP免费学习笔记（深入）”；

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

登录后复制

然后再文件中加入标签，注意设置id属性 复制代码 代码如下: <textarea name="content">

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

<script type="text/javascript" charset="utf-8">
window.UEDITOR_HOME_URL = "__PUBLIC__/admin/ueditor/";
window.
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>

登录后复制

注意：