ThinkPHP3.2中引用Ueditor

ThinkPHP3.2中引用Ueditor，过程比较简单，这里给出一个示例，方便大家参考。更多更详细的内容请参考Ueditor的官网。

在百度中搜索下载Ueditor。

1、将Ueditor的资源文件放在ThinkPHP应用的/Admin/Home/Public/目录下面

2、修改该目录下ueditor.config.js中如下语句：
原本是这个样子



修改之后：



因为这个URL指向Ueditor资源文件的位置，所以配置一下。我上面的配置是绝对路径。配置的时候建议参考浏览器console中资源文件引用报错信息来改，比较简单。

3、在视图VIEW页面，也就是html页面中正确引入这些文件

3.1 在入口文件index.php中定义变量



3.2 在资源文件中引入js文件，config.js文件一定要先引入



4、在需要使用Ueditor的地方，引入Ueditor文件



5、初始化Ueditor的内容

var ue1 = UE.getEditor('editor1');
ue1.ready(function() {
ue1.setContent('{$info1.content}');
});

6、获取Ueditor的内容并提交到后台
$("#submit-content2").click(function(e){
e.preventDefault();
var content = null;
ue2.ready(function(){
content = ue2.getContent();
})
var data = {};
data.editorValue = content;
data.name = "content2";
console.log(data)
$.ajax({
type:"post",
url:"{$smarty.const.__SELF__}",
data:data,
success:function(){
alert("success!");
},
faild:function(){
alert("faild");
},
error:function(){
alert("error");
}
});
});

7、编写对应页面的控制器，将后台的数据渲染到前端。

if($_POST["name"]== "content2"){
$array = array(
'page-class'=>"balizhimei",
'page-title'=>"newstatus",
'type'=>"index-introduce",
'content'=> $_POST[editorValue],
'title'=>'新动态',
'data'=>time(),
);
$id = 9;
// $z = $content->add($array);
$z = $content ->where("id = $id")->save($array);
}

8、至此配置结束。