Home  >  Article  >  php教程  >  Yii adds Baidu editor ueditor extension example

Yii adds Baidu editor ueditor extension example

WBOY
WBOYOriginal
2016-07-06 13:34:241748browse

本文章来为各位给各位介绍一篇关于Yii添加百度编辑器 ueditor 扩展例子,希望这篇教程能够帮助到各位。

<script>ec(2);</script>

这是别人写的一个yii1的百度编辑器ueditor的扩展,站长我已经用在了自己的项目中,现在记录下用法和使用中出现的问题。

目录结构

baiduUeditor
|--resource //ueditor资源包
|--views //widget的视图
|--config.php //后端配置文件 包括文件格式 大小 目录 路径 文件名等等
|--UeditorController.php //后端主控制器 可以修改继承类为自定义的基类
|--UeditorWidget.php //widget主要渲染编辑器
|--Uploader.class.php //上传等主要处理类

使用

1、将baiduUeditor拷贝到protected/extensions/目录下
2、添加以下代码到config/main.php


'controllerMap'=>array(
'ueditor'=>array(
'class'=>'ext.baiduUeditor.UeditorController',
),
),

如果你想只在某个module里使用,请添加以下代码到modules/moduleName/moduleNameModule.php的init方法中


$this->controllerMap=array(
'ueditor'=>array(
'class'=>'ext.baiduUeditor.UeditorController',
),
);

在要显示编辑器的view中放置如下代码


$this->widget('ext.baiduUeditor.UeditorWidget',
array(
'id'=>'article_content',//容器的id 唯一的[必须配置]
'name'=>'content',//post到后台接收的name [必须配置]
'content'=>'',//初始化内容 [可选的]

//配置选项,[可选的]
//将ueditor的配置项以数组键值对的方式传入,具体查看ueditor.config.js
//不要配置serverUrl(即使配置也会被覆盖)程序会自动处理后端url
'config'=>array(
'toolbars'=>array(array('fullscreen', 'source', '|')),//toolbars注意是嵌套两个数组
'lang'=>'zh-cn'
)
)
);
按照上边的步奏,不出意外的话,编辑器肯定会显示在页面上。

问题:上传图片不能用会报,后端配置项没有正常加载,上传插件不能正常使用的错误。

解决方法:目录结构中有这个UeditorController.php文件,请将此文件放到你网站的controller目录下,因为上传图片最终会访问到此文件,我网站的访问路径是/admin/index.php?r=ueditor&action=config&&noCache=1464083990339,看到这个路径应该就明白了吧。不懂的在加群问我吧!群QQ:66357155

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn