美文网首页
yii1 集成百度编辑器

yii1 集成百度编辑器

作者: stone81 | 来源:发表于2017-10-24 15:28 被阅读0次

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

相关文章

网友评论

      本文标题:yii1 集成百度编辑器

      本文链接:https://www.haomeiwen.com/subject/vbztpxtx.html