当前位置: 首页 > 后端技术 > PHP

yii2-Ueditor百度编辑

时间:2023-03-29 19:59:50 PHP

今天在网上看了一个上传图片的教程,几经周折调试了一下。现将相关代码及其说明贴出来,供初次使用的朋友参考。资源下载yii2.0-ueditor下载路径:https://link.jianshu.com?t=https://github.com/org-yii-china/yii2-ueditor/archive/master.zip效果演示:安装方法:1.下载yii2-ueditor2。将下载的yii2-ueditor-master修改为ueditor(注:改成其他文件名请修改插件中对应的命名空间)3.将文件放在根目录/common/widgets调用方法:创建一个在backend/controllers新建控制器Demo,添加如下代码publicfunctionactions(){return['ueditor'=>['class'=>'common\widgets\ueditor\UeditorAction','config'=>[//上传图片配置'imageUrlPrefix'=>"",/*图片访问路径前缀*/'imagePathFormat'=>"/image/{yyyy}{mm}{dd}/{time}{rand:6}",/*上传和保存路径,可以自定义保存路径和文件名格式*/]]];}第一种调用方式:在对应的渲染页面,即views下的页面['initialFrameWidth'=>850,]])?>options填写配置编辑器的参数(参考ueditor官网)第二种调用方式:field($model,'title')->textInput(['maxlength'=>true])?>field($model,'content')->widget('common\widgets\ueditor\Ueditor',['options'=>['initialFrameWidth'=>850,]])?>...yii2框架集成了百度编辑器,因为文件上传使用的是yii2自带的UploadedFile,难免umeditor上传失败的问题,只需要两步就可以解决,下面来看看具体实现创建一个common/models/Upload.php:代码是:request->isPost){$model->file=UploadedFile::getInstance($model,"file");$dir='/uploads/ueditor/';//文件保存目录if(!is_dir($dir))mkdir($dir);如果($model->validate()){$fileName=$model->file->baseName.“。”.$模型->文件->扩展;$dir=$dir."/".$文件名;$model->file->saveAs($dir);$info=["originalName"=>$model->file->baseName,"name"=>$model->file->baseName,"url"=>$dir,"size"=>$model->file->size,"type"=>$model->file->type,"state"=>"SUCCESS",];退出(json_encode($信息));}}}特别提醒:上面返回的$info信息中的状态只能是SUCCESS,区分大小写查看filefield($model,'content')->widget('common\widgets\ueditor\Ueditor',['options'=>['initialFrameWidth'=>1050,//宽度'initialFrameHeight'=>550,//height]])?>'btnbtn-success'])?>

其中content为字段名。图片上传见:https://www.yiichina.com/tutorial/862在YII2框架中使用UEditor编辑器发布文章地址:https://www.cnblogs.com/felixji/p/6698436.html