kail520 / ueditor
描述
v1.0.2
2021-03-22 09:35 UTC
README
安装
运行以下命令之一
$ php composer.phar require kail520/ueditor "*"
或者
"kail520/ueditor": "*"
将以下内容添加到您的composer.json
文件的require
部分。
应用
控制器
public function actions()
{
return [
'upload' => [
'class' => 'kail520\\ueditor\UEditorAction',
]
];
}
视图
echo \kail520\\ueditor\UEditor::widget([]);
或者:
echo $form->field($model,'colum')->widget('kail520\ueditor\UEditor',[]);
说明
ueditor
只支持2种语言,en-us
和zh-cn
,默认跟随系统语言Yii::$app->language
。可以通过以下两种方式设置:1.修改系统语言,在main.php
(高级版) 或者web.php
(基础版)添加'language' => 'zh-CN',
。2.实例化时配置语言选项,见下边配置
配置相关
编辑器相关配置,请在view
中配置,参数为clientOptions
,例如定制菜单、编辑器大小等,具体参数请查看UEditor官网文档。
简单示例
use \kail520\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', '|' ], ] ]);
简单示例
public function actions() { return [ 'upload' => [ 'class' => 'kail520\ueditor\UEditorAction', 'config' => [ "imageUrlPrefix" => "http://www.baidu.com",//图片访问路径前缀 "imagePathFormat" => "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}" //上传保存路径 "imageRoot" => Yii::getAlias("@webroot"), 'is_oss' => true, ], ] ]; }