life2016/ueditor

描述

安装: 34

依赖: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 68

语言:JavaScript

2.0.1 2021-07-01 09:56 UTC

This package is auto-updated.

Last update: 2024-08-29 05:37:27 UTC


README

Latest Stable Version Total Downloads

安装

运行以下命令之一

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

或者

"life2016/ueditor": "*"

将以下内容添加到您的composer.json文件的require部分。

应用

控制器

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

视图

echo \kucha\ueditor\UEditor::widget(['name' => 'xxxx']);

或者:

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

说明

ueditor只支持两种语言,即en-uszh-cn,默认跟随系统语言Yii::$app->language。可以通过以下两种方式设置: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}" //上传保存路径
                "imageRoot" => Yii::getAlias("@webroot"),
            ],
        ]
    ];
}