各类知识收集，PHP技术分享与解决方案

特别推荐阅读

  1. 首页 > CMS教程 > PHP

关于YII视图整合kindeditor如何扩展的方法

发布者：Admin • • 阅读 ：89次

关于YII视图整合kindeditor如何扩展的方法

内容导读

收集整理的这篇技术教程文章主要介绍了关于YII视图整合kindeditor如何扩展的方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含10157字，纯文字阅读大概需要15分钟。

内容图文

这篇文章主要介绍了YII视图整合kindeditor扩展的方法,较为详细的分析了Yii框架整合kindeditor的功能实现代码与设置相关技巧,需要的朋友可以参考下

本文实例讲述了YII视图整合kindeditor扩展的方法。分享给大家供大家参考，具体如下：

比较喜欢用kindeditor,YII上的版本比较旧,所以自己重新整了个扩展
先在protectedextensions下创建KEditor文件夹用来放文件，keSource里放kindeditor的源文件，然后建三个类KEditor、KEditorManage和KEditorUpload，KEditor是扩展的主文件，KEditorManage是用来浏览服务器文件的，KEditorUpload是用来示例接收上传文件的，

KEditor代码

<?phpclass KEditor extends CWidget{
/*
 * TEXTAREA输入框的属性，保证js调用KE失败时，文本框的样式。
 */
public $textareaOptions=array();
/*
 * 编辑器属性集。
 */
public $properties=array();
/*
 * TEXTAREA输入框的name，必须设置。
 * 数据类型：String
 */
public $name;
/*
 * TEXTAREA的id，可为空
 */
public $id;
public $model;
public $baseUrl;
public static function getUploadPath(){

$dir = dirname(__FILE__).DIRECTORY_SEPARATOR.'keSource';

if(isset(Yii::app()->params->uploadPath)){


return Yii::getPathOfAlias('webroot').str_replace(







'/',DIRECTORY_SEPARATOR,







Yii::app()->params->







uploadPath);

}

return Yii::app()->getAssetmanager()



->getPublishedPath($dir).DIRECTORY_SEPARATOR.'upload';
}
public static function getUploadUrl(){

$dir = dirname(__FILE__).DIRECTORY_SEPARATOR.'keSource';

if(isset(Yii::app()->params->uploadPath)){


return Yii::app()->baseUrl.Yii::app()->params->uploadPath;

}

return Yii::app()->getAssetManager()->publish($dir).'/upload';
}
public function init(){

if($this->name===null)


throw new CException(Yii::t('zii','The id property cannot be empty.'));

$dir = dirname(__FILE__).DIRECTORY_SEPARATOR.'keSource';

$this->baseUrl=Yii::app()->getAssetManager()->publish($dir);

$cs=Yii::app()->getClientScript();

$cs->registerCssFile($this->baseUrl.'/themes/default/default.css');

if(YII_DEBUG) $cs->registerScriptFile($this->baseUrl.'/kindeditor.js');

else $cs->registerScriptFile($this->baseUrl.'/kindeditor-min.js');
}
public function run(){

$cs=Yii::app()->getClientScript();

$textAreaOptions=$this->gettextareaOptions();

$textAreaOptions['name']=CHtml::resolveName($this->model,$this->name);

$this->id=$textAreaOptions['id']=CHtml::getIdByName($textAreaOptions['name']);

echo CHtml::activeTextArea($this->model,$this->name,$textAreaOptions);

$properties_string = CJavaScript::encode($this->getKeProperties());

$js=<<<EOFKindEditor.ready(function(K) {
var editor_$this->id = K.create('#$this->id',$properties_string
);});EOF;

$cs->registerScript('KE'.$this->name,$js,CClientScript::POS_HEAD);
}
public function gettextareaOptions(){

//允许获取的属性

$allowParams=array('rows','cols','style');

//准备返回的属性数组

$params=array();

foreach($allowParams as $key){


if(isset($this->textareaOptions[$key]))



$params[$key]=$this->textareaOptions[$key];

}

$params['name']=$params['id']=$this->name;

return $params;
}
public function getKeProperties(){

$properties_key=array(


'width',


'height',


'minWidth',


'minHeight',


'items',


'noDisableItems',


'filterMode',


'htmlTags',


'wellFormatMode',


'resizeType',


'themeType',


'langType',


'designMode',


'fullscreenMode',


'basePath',


'themesPath',


'pluginsPath',


'langPath',


'minChangeSize',


'urlType',


'newlineTag',


'pasteType',


'dialogAlignType',


'shadowMode',


'useContextmenu',


'syncType',


'indentChar',


'cssPath',


'cssData',


'bodyClass',


'colorTable',


'afterCreate',


'afterChange',


'afterTab',


'afterFocus',


'afterBlur',


'afterUpload',


'uploadJson',


'fileManagerJson',


'allowPreviewEmoticons',


'allowImageUpload',


'allowFlashUpload',


'allowMediaUpload',


'allowFileUpload',


'allowFileManager',


'fontSizeTable',


'imageTabIndex',


'formatUploadUrl',


'fullscreenShortcut',


'extraFileUploadParams',

);

//准备返回的属性数组

$params=array();

foreach($properties_key as $key){


if(isset($this->properties[$key]))



$params[$key]=$this->properties[$key];

}

return $params;
}}

KEditorManage代码

<?phpclass KEditorManage extends CAction{
public function run(){

Yii::import('ext.KEditor.KEditor');

$root_path=KEditor::getUploadPath().'/';

$root_url=KEditor::getUploadUrl().'/';

//图片扩展名

$ext_arr = array('gif', 'jpg', 'jpeg', 'png', 'bmp');

//目录名

$dir_name = empty($_GET['dir']) ? '' : trim($_GET['dir']);

if (!in_array($dir_name, array('', 'image', 'flash', 'media', 'file'))) {


echo "Invalid Directory name.";


exit;

}

if ($dir_name !== '') {


$root_path .= $dir_name . "/";


$root_url .= $dir_name . "/";


if (!file_exists($root_path)) {



mkdir($root_path);


}

}

//根据path参数，设置各路径和URL

if (empty($_GET['path'])) {


$current_path = realpath($root_path) . '/';


$current_url = $root_url;


$current_dir_path = '';


$moveup_dir_path = '';

} else {


$current_path = realpath($root_path) . '/' . $_GET['path'];


$current_url = $root_url . $_GET['path'];


$current_dir_path = $_GET['path'];


$moveup_dir_path = preg_replace('/(.*?)[^/]+/$/', '$1', $current_dir_path);

}

echo realpath($root_path);

//排序形式，name or size or type

$order = empty($_GET['order']) ? 'name' : strtolower($_GET['order']);

//不允许使用..移动到上一级目录

if (preg_match('/../', $current_path)) {


echo 'Access is not allowed.';


exit;

}

//最后一个字符不是/

if (!preg_match('//$/', $current_path)) {


echo 'Parameter is not valid.';


exit;

}

//目录不存在或不是目录

if (!file_exists($current_path) || !is_dir($current_path)) {


echo 'Directory does not exist.';


exit;

}

//遍历目录取得文件信息

$file_list = array();

$handle = new DirectoryIterator($current_path);

$i=0;

foreach($handle as $file){


if($file->isDot()) continue;


if($file->isDir()){



$file_list[$i]['is_dir'] = true; //是否文件夹



$file_list[$i]['has_file'] = (count(scandir($file->getPath())) > 2); //文件夹是否包含文件



$file_list[$i]['filesize'] = 0; //文件大小



$file_list[$i]['is_photo'] = false; //是否图片



$file_list[$i]['filetype'] = ''; //文件类别，用扩展名判断


}else{



$file_list[$i]['is_dir'] = false;



$file_list[$i]['has_file'] = false;



$file_list[$i]['filesize'] = $file->getSize();



$file_list[$i]['dir_path'] = '';



$file_ext = $file->getExtension();



$file_list[$i]['is_photo'] = in_array($file_ext, $ext_arr);



$file_list[$i]['filetype'] = $file_ext;


}


$file_list[$i]['filename'] = $file->getFilename(); //文件名，包含扩展名


$file_list[$i]['datetime'] = date('Y-m-d H:i:s', $file->getMTime());


$i++;

}

usort($file_list, array($this,'cmp_func'));

$result = array();

//相对于根目录的上一级目录

$result['moveup_dir_path'] = $moveup_dir_path;

//相对于根目录的当前目录

$result['current_dir_path'] = $current_dir_path;

//当前目录的URL

$result['current_url'] = $current_url;

//文件数

$result['total_count'] = count($file_list);

//文件列表数组

$result['file_list'] = $file_list;

//
输出JSON字符串 header('Content-type: application/json; charset=UTF-8'); echo CJSON::encode($result); exit; } //排序 public function cmp_func($a, $b) { global $order; if ($a['is_dir'] && !$b['is_dir']) { return -1; } else if (!$a['is_dir'] && $b['is_dir']) { return 1; } else { if ($order == 'size') { if ($a['filesize'] > $b['filesize']) { return 1; } else if ($a['filesize'] < $b['filesize']) { return -1; } else { return 0; } } else if ($order == 'type') { return strcmp($a['filetype'], $b['filetype']); } else { return strcmp($a['filename'], $b['filename']); } } }}?>

KEditorUpload代码

<?phpclass KEditorUpload extends CAction{
public function run(){

$dir=isset($_GET['dir'])?trim($_GET['dir']):'file';

$ext_arr = array(


'image' => array('gif', 'jpg', 'jpeg', 'png', 'bmp'),


'flash' => array('swf', 'flv'),


'media' => array('swf', 'flv', 'mp3', 'wav', 'wma', 'wmv', 'mid', 'avi', 'mpg', 'asf', 'rm', 'rmvb'),


'file' => array('doc', 'docx', 'xls', 'xlsx', 'ppt', 'htm', 'html', 'txt', 'zip', 'rar', 'gz', 'bz2'),

);

if(empty($ext_arr[$dir])){


echo CJSON::encode(array('error'=>1,'message'=>'目录名不正确。'));


exit;

}

$originalurl='';

$filename='';

$date=date('Ymd');

$id=0;

$max_size=2097152; //2MBs

$upload_image=CUploadedFile::getInstanceByName('imgFile');

Yii::import('ext.KEditor.KEditor');

$upload_dir=KEditor::getUploadPath().'/'.$dir;

if(!file_exists($upload_dir)) mkdir($upload_dir);

$upload_dir=$upload_dir.'/'.$date;

if(!file_exists($upload_dir)) mkdir($upload_dir);

$upload_url=KEditor::getUploadUrl().'/'.$dir.'/'.$date;

if(is_object($upload_image) && get_class($upload_image)==='CUploadedFile'){


if($upload_image->size > $max_size){



echo CJSON::encode(array('error'=>1,'message'=>'上传文件大小超过限制。'));



exit;


}


//新文件名


$filename=date("YmdHis").'_'.rand(10000, 99999);


$ext=$upload_image->extensionName;


if(in_array($ext, $ext_arr[$dir]) === false){



echo CJSON::encode(array('error'=>1,'message'=>"上传文件扩展名是不允许的扩展名。n只允许".implode(',',$ext_arr[$dir]).'格式。'));



exit;


}


$uploadfile=$upload_dir.'/'.$filename.'.'.$ext;


$originalurl=$upload_url.'/'.$filename.'.'.$ext;


$upload_image->saveAs($uploadfile);


echo CJSON::encode(array('error'=>0,'url'=>$originalurl));

}else{


echo CJSON::encode(array('error'=>1,'message'=>'未知错误'));

}
}}

配置config/main.php文件，设置上传文件存放位置

'params'=>array(

// this is used in contact page

'adminEmail'=>'webmaster@example.com',

'uploadPath'=>'/upload', //添加这句，upload为存放文件文件夹的名字，自己定义，这里是放在根目录的upload文件夹

设置接收文件和浏览服务器文件的action

public function actions(){
return array(

//在actions下的return array添加下面两句，没有actions的话自己添加

'upload'=>array('class'=>'application.extensions.KEditor.KEditorUpload'),

'manageJson'=>array('class'=>'application.extensions.KEditor.KEditorManage'),
);}

在视图里面使用

<?php $this->widget('ext.KEditor.KEditor',array(
'model'=>$model, //传入form model
'name'=>'content', //设置name
'properties'=>array(

//设置接收文件上传的action

'uploadJson'=>'/admin/default/upload',

//设置浏览服务器文件的action，这两个就是上面配置在/admin/default的

'fileManagerJson'=>'/admin/default/manageJson',

'newlineTag'=>'br',

'allowFileManager'=>true,

//传值前加js:来标记这些是js代码

'afterCreate'=>"js:function() {



K('#ChapterForm_all_len').val(this.count());



K('#ChapterForm_word_len').val(this.count('text'));


}",

'afterChange'=>"js:function() {



K('#ChapterForm_all_len').val(this.count());



K('#ChapterForm_word_len').val(this.count('text'));


}",
),
'textareaOptions'=>array(

'style'=>'width:98%;height:400px;',
)));?>

textareaOptions用来设置textarea的大小和样式，仅支持rows、cols和style
properties的各项跟js设置kindeditor的是一样的，上面的设置与下面用js设置的是一致，kindeditor原来有的项都可以设置

var editor1 = K.create('#editor_modelname_name', {
uploadJson : "/admin/default/upload",
fileManagerJson : "/admin/default/manageJson",
newlineTag : "br",
allowFileManager : true,
afterCreate : function() {

K('#ChapterForm_all_len').html(this.count());

K('#ChapterForm_word_len').html(this.count('text'));
},
afterChange : function() {

K('#ChapterForm_all_len').html(this.count());

K('#ChapterForm_word_len').html(this.count('text'));
}});

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

关于Yii中处理前后台登录的方法实现

关于Yii数据模型中rules类验证器的用法

以上就是关于YII视图整合kindeditor如何扩展的方法的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是为您收集整理的关于YII视图整合kindeditor如何扩展的方法全部内容，希望文章能够帮你解决关于YII视图整合kindeditor如何扩展的方法所遇到的程序开发问题。 如果觉得技术教程内容还不错，欢迎将网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。


本文关键词：

关于thinkPHP框架自动填充的原理及分析
上一篇
关于PHP编译configure时常见的错误
下一篇

相关文章

联系我们

在线咨询：点击这里给我发消息

邮件：w420220301@qq.com