您的位置:首页 > 编程语言 > PHP开发

Yii2 集成ueditor脚手架

2015-12-25 16:22 816 查看

ueditor链接

yii2 ueditor扩展链接 https://github.com/BigKuCha/yii2-ueditor-widget

composer 安装方式:

$ php composer.phar require kucha/ueditor “*”

or add

“kucha/ueditor”: “*”

个人建议不要使用composer安装,

ueditor 默认指向当前controller ,且当前域名根目录作为 保存路径前缀

不便于使用image.xx.com是文件独立

可以修改ueditor指向统一uploadController便于管理

ueditor 与yii2集成

方式一

添加ueditor源

composer require kucha/ueditor “*”

controller: (当前控制器下添加actions方法,upload method 指向UEditorAcTion)

public function actions()
{
return [
'upload' => [
'class' => 'kucha\ueditor\UEditorAction',
]
];
}


or

public function actions()
{
return [
'upload' => [
'class' => 'kucha\ueditor\UEditorAction',
'config' => [
"imageUrlPrefix"  => "http://www.baidu.com",//图片访问域名
"imagePathFormat" => "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}" //上传保存路径  保存在当前域名根目录下 次路径 www/web/upload/image/2015/12/25/122/22222/1111.jpeg
],
]
];
}


views

echo \kucha\ueditor\UEditor::widget([]);


echo $form->field($model,'colum')->widget('kucha\ueditor\UEditor',[]);


use \kucha\ueditor\UEditor;
echo UEditor::widget([
'clientOptions' => [
//编辑区域大小
'initialFrameHeight' => '200',
//设置语言
'lang' =>'en', //中文为 zh-cn
//定制菜单
'toolbars' => [
[
'fullscreen', 'source', 'undo', 'redo', '|',
'fontsize',
'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'removeformat',
'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|',
'forecolor', 'backcolor', '|',
'lineheight', '|',
'indent', '|'
],
]
]);


方式二

在项目中建立 widgets目录,用于保存自己的脚手架



下载ueditor源码



修改 ueditor/UEditor.php 文件



修改 ueditor/Uploader.php



修改以下文件 namesapce

ueditor\UEditorAction.php

ueditor\UEditorAsset.php





建立uploadController

namespace backend\controllers;

use Yii;
use backend\componnets\BaseController;

/**
* 文件上传处理类
*/
class UploadController extends BaseController
{
public function actions()
{
return [
'upload' => [
'class' => 'common\widgets\ueditor\UEditorAction',
'config' => [
"imageUrlPrefix"  => IMG_DOMAIN,//图片访问路径前缀
"imagePathFormat" => "/image/{yyyy}{mm}{dd}/{time}{rand:6}" //上传保存路径
],
],
];
}
}


views 使用 方式一
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息