在thinkphp中使用ueditor

首先渲染出模板文件, 然后去ueditor.baidu.com下载所需要的版本,解压到public目录下, 因为可能前台后台都需要,所以需要在public目录下新建一个目录,部署好后, 回到模板文件, 加载这两个js文件

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

然后设置编辑器的属性信息

<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 : '__PUBLIC__/Static/ueditor/uploadImage',
   fileUrl : '__PUBLIC__/Static/ueditor/uploadFile',
   imagePath : '',
   filePath : '',
   imageManagerUrl:'__PUBLIC__/Static/ueditor/imageManage', //图片在线管理的处理地址
   imageManagerPath:'__ROOT__/'
   });
   editor.render("description");  //此处id对应编辑器的html属性id
}
</script>

然后再在需要的html标签里填上对应的属性id就可以了, 比如在文本域里

 <textarea type="text" cols="50" rows="12" name="description" id="description"></textarea><br>

刷新页面, 编辑器就出来了, 如果你需要修改一些默认配置信息, 比如文件的上传路径, 打开php目录下的config.json, 就可以修改了。

此条目发表在thinkphp分类目录,贴了, , , , 标签。将固定链接加入收藏夹。