百度编辑器的YII插件的安装配置
2014-09-04 13:55
369 查看
1.下载源文件:
http://ueditor.baidu.com/website/thirdproject.html
2.解压yii1-ueditor-ext-1.4.zip,将ueditor目录复制到protected/extensions下
3.配置protected/config/main.php
return array(
'basePath'=>dirname(__FILE__).DIRECTORY_SEPARATOR.'..',
//设置项目名称
'name'=>'YII CMS BY PING',
/**
* 自定义配置项
*/
//设置系统默认语言句为中文
'language'=>'zh_cn',
//设置默认控制器
//'defaultController'=>'index',
//设置默认时区
'timeZone'=>'Asia/Shanghai',
//指定ueditor的访问路径
'controllerMap'=>array(
'ueditor'=>array(
'class'=>'ext.ueditor.UeditorController',
//文件保存位置
'savePath'=>'upload/',
//允许的文件扩展名
'allowFiles'=>array(
//上传图片
'image' => array(".gif", ".png", ".jpg", ".jpeg", ".bmp"),
//上传附件同时包括 image和file
'file' => array( ".rar" , ".doc" , ".docx" , ".zip" , ".pdf" , ".txt" , ".swf" , ".wmv" ),
),
),
),
// preloading 'log' component
'preload'=>array('log'),
// autoloading model and component classes
'import'=>array(
'application.models.*',
'application.components.*',
),4.在视图文件中使用,注意$from->textArea()
<?php
/**使用百度编辑器**/
$this->widget('ext.ueditor.UeditorWidget',
array(
'id'=>'WebConfig_cf_site_statistics',//页面中输入框(或其他初始化容器)的ID
'name'=>'editor',//指定ueditor实例的名称,个页面有多个ueditor实例时使用
)
);
$this->widget('ext.ueditor.UeditorWidget',
array(
'id'=>'WebConfig_cf_desc',//页面中输入框(或其他初始化容器)的ID
'name'=>'editor',//指定ueditor实例的名称,个页面有多个ueditor实例时使用
)
);
?>注意:上面的ID要从firebug中取得完整ID才行。
<div class="row">
<div class="control-group ">
<div class="control-label">
<?php echo $form->labelEx($model,'cf_desc'); ?>
</div>
<div class="controls">
<?php echo $form->textArea($model,'cf_desc'); ?>
<?php echo $form->error($model,'cf_desc'); ?>
</div>
</div>
</div>
http://ueditor.baidu.com/website/thirdproject.html
2.解压yii1-ueditor-ext-1.4.zip,将ueditor目录复制到protected/extensions下
3.配置protected/config/main.php
return array(
'basePath'=>dirname(__FILE__).DIRECTORY_SEPARATOR.'..',
//设置项目名称
'name'=>'YII CMS BY PING',
/**
* 自定义配置项
*/
//设置系统默认语言句为中文
'language'=>'zh_cn',
//设置默认控制器
//'defaultController'=>'index',
//设置默认时区
'timeZone'=>'Asia/Shanghai',
//指定ueditor的访问路径
'controllerMap'=>array(
'ueditor'=>array(
'class'=>'ext.ueditor.UeditorController',
//文件保存位置
'savePath'=>'upload/',
//允许的文件扩展名
'allowFiles'=>array(
//上传图片
'image' => array(".gif", ".png", ".jpg", ".jpeg", ".bmp"),
//上传附件同时包括 image和file
'file' => array( ".rar" , ".doc" , ".docx" , ".zip" , ".pdf" , ".txt" , ".swf" , ".wmv" ),
),
),
),
// preloading 'log' component
'preload'=>array('log'),
// autoloading model and component classes
'import'=>array(
'application.models.*',
'application.components.*',
),4.在视图文件中使用,注意$from->textArea()
<?php
/**使用百度编辑器**/
$this->widget('ext.ueditor.UeditorWidget',
array(
'id'=>'WebConfig_cf_site_statistics',//页面中输入框(或其他初始化容器)的ID
'name'=>'editor',//指定ueditor实例的名称,个页面有多个ueditor实例时使用
)
);
$this->widget('ext.ueditor.UeditorWidget',
array(
'id'=>'WebConfig_cf_desc',//页面中输入框(或其他初始化容器)的ID
'name'=>'editor',//指定ueditor实例的名称,个页面有多个ueditor实例时使用
)
);
?>注意:上面的ID要从firebug中取得完整ID才行。
<div class="row"> <div class="control-group "> <div class="control-label"> <?php echo $form->labelEx($model,'cf_site_statistics'); ?> </div> <div class="controls"> <?php echo $form->textArea($model,'cf_site_statistics',array('rows'=>6, 'cols'=>50)); ?> <?php echo $form->error($model,'cf_site_statistics'); ?> </div> </div> </div>
<div class="row">
<div class="control-group ">
<div class="control-label">
<?php echo $form->labelEx($model,'cf_desc'); ?>
</div>
<div class="controls">
<?php echo $form->textArea($model,'cf_desc'); ?>
<?php echo $form->error($model,'cf_desc'); ?>
</div>
</div>
</div>
相关文章推荐
- pligg9.7beta搭起后HTML编辑器插件的安装——fckeditor的配置与修改变相支持中文文件名:默认上传后不能正常调用
- Atom 编辑器安装 linter-eslint 插件,并配置使其支持 vue 文件中的 js 格式校验
- pligg9.7beta搭起后HTML编辑器插件的安装(fckeditor的配置与修改变相支持中文文件名)
- Vim编辑器插件安装及配置入门
- pligg9.7beta搭起后HTML编辑器插件的安装(-fckeditor的配置与修改变相支持中文文件名:默认上传后不能正常调用-)就像csdn的这个编辑器
- 最强大的代码编辑器(IDE)——Atom。Atom介绍安装与插件配置(一)
- 前端开发 Atom 编辑器插件安装和配置
- pligg9.7beta搭起后HTML编辑器插件的安装——fckeditor的配置与修改变相支持中文文件名
- React Native编辑器Atom+Nuclide插件的配置和安装及编译项目
- [转]svn服务器安装配置与svn的eclipse的subclipse插件使用
- eclipse 中 Properties 文件编辑器插件的安装
- jsp开发所需要的eclipse插件(lomboz、tomcatplugin)及其安装、配置方法
- Lomboz插件的安装与配置[Eclipse 3.0,3.1.x与3.2.x版本]第二部分
- Eclipse PHP插件安装与配置
- Eclipse插件的安装与配置
- svn服务器安装配置与svn的eclipse的subclipse插件使用
- TomcatPlugin插件的安装和配置 定制透视图 没有tomcat选项
- Eclipse插件的安装与配置
- 安装VS.NET插件AnkhSVN,通过简单配置让其支持.svn和_svn,并其很好的支持web project
- pligg9.7beta的后HTML编辑器插件的安装(tinymce_2_1_1_1)(以及使用中遇到的点滴问题解决办法)