c4ys / yii2-ueditor-widget

UEditor for Yii2, 允许配置上传路径以及上传action

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

百度UEditor

安装

Either run

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

or add

"c4ys/ueditor": "*"

to the require section of your composer.json file.

应用

controller:

public function actions()
{
    return [
        'upload' => [
            'class' => 'c4ys\ueditor\UEditorAction',
            'config' => [
                'imageUrlPrefix' => Yii::$app->params['ueditor.upload.url'],
                'fileUrlPrefix' => Yii::$app->params['ueditor.upload.url'],
                'videoUrlPrefix' => Yii::$app->params['ueditor.upload.url'],
                'scrawlUrlPrefix' => Yii::$app->params['ueditor.upload.url'],
                'imageRoot' => Yii::$app->params['ueditor.upload.path'],
                'fileRoot' => Yii::$app->params['ueditor.upload.path'],
                'videoRoot' => Yii::$app->params['ueditor.upload.path'],
                'scrawlRoot' => Yii::$app->params['ueditor.upload.path'],
            ],
        ]
    ];
}

view:

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

或者:

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

说明

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

配置相关

编辑器相关配置,请在view 中配置,参数为clientOptions,比如定制菜单,编辑器大小等等,具体参数请查看UEditor官网文档

简单实例:

use \c4ys\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', '|',
                'simpleupload', '|',
            ],
        ]
]);
文件上传相关配置,请在controller中配置,参数为config,例如文件上传路径等;更多参数请参照 config.php (跟UEditor提供的config.json一样)

About

UEditor for Yii2, 允许配置上传路径以及上传action


Languages

Language:JavaScript 86.7%Language:CSS 6.5%Language:HTML 4.9%Language:PHP 1.8%