1：下载yii框架的ueditor 插件，yii 版本 1.1 ，ueditor 对应版本 1.4.3
下载地址：https://github.com/mojifan/yii1-another-ueditor-extension
2：放到yii 插件目录，protected/extensions/，目录结构如下图所示
3：修改配置文件，一般是config/main.php,增加配置项
请注意，是一级数组，不要放到二级数组 components 元素下面
'controllerMap'=>array(
'ueditor'=>array(
'class'=>'ext.baiduUeditor.UeditorController',
)
)
4：默认情况下，上传图片，存放目录是/upload,没有的话，新建目录，并赋予写入权限
5：编辑ueditorWidget.php
如果不修改的话，上传图片可能会异常。
搜索 $this->config['serverUrl']=$this->serverUrl;，在上面增加一行
$this->config=require("config.php");
修改后如下图，点击保存
6：编辑 UeditorController.php
搜索“没有权限”，把图上这两行注释掉
// echo json_encode(array('state'=>'没有权限'));
// Yii::app()->end();
如果不注释的话，如果用户没有登录，会提示没有权限。
当然，如果你的需求，都是登陆后进行的操作的话。这一步可以省略。
7：编写测试代码，编写控制器
控制器代码
public functionactionPost()
{
if(Yii::app()->request->isPostRequest)
{
var_dump($_POST);
exit('post submit');
}
$this->render('post');
}
8：编写view 层
$this->widget('ext.baiduUeditor.UeditorWidget',
array(
'id'=>'article_content2',//容器的id 唯一的[必须配置]
'name'=>'content2',//post到后台接收的name [必须配置]
'content'=>'sdfsdf',//初始化内容 [可选的]
//配置选项，[可选的]
//将ueditor的配置项以数组键值对的方式传入,具体查看ueditor.config.js
//不要配置serverUrl(即使配置也会被覆盖)程序会自动处理后端url
'config'=>array(
//'toolbars'=>array(array('fullscreen', 'source', '|')),//toolbars注意是嵌套两个数组
'lang'=>'zh-cn'
)
)
);
?>
9：最后运行效果，如下图。
初步测试完毕。
1：可以上传图片
2：支持一个页面多个编辑器
完毕！
参照文档：
http://www.yiichina.com/extension/111
网友评论