Yii2-ueditor-widget

百度UEditor

GitHub地址 https://github.com/BigKuCha/yii2-ueditor-widget

安装

Either run

$ php composer.phar require kucha/ueditor "*"

or add

"kucha/ueditor": "*"

to the require section of your composer.json file.

应用

controller:

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

view:

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

或者:

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

说明

ueditor只支持2种语言,en-uszh-cn,默认跟随系统语言 Yii::$app->language,可以通过2种方式设置,1.修改系统语言,在main.php(高级版) 或者web.php(基础版)添加'language' => 'zh-CN',。2.实例化的时候配置语言选项,见下边配置

配置相关

编辑器相关配置,请在view 中配置,参数为clientOptions,比如定制菜单,编辑器大小等等,具体参数请查看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', '|'
            ],
        ]
]);
文件上传相关配置,请在controller中配置,参数为config,例如文件上传路径等;更多参数请参照 config.php (跟UEditor提供的config.json一样)

简单实例:

public function actions(){
return [
'upload' => [
'class' => 'kucha\ueditor\UEditorAction',
 'config' => [ "imageUrlPrefix"  => "http://www.baidu.com",//图片访问路径前缀
                "imagePathFormat" => "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}" //上传保存路径
            ],
        ]
    ];
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注