yii2的百度编辑器ueditor的扩展

2022-08-03 14:46:00 浏览数 (4)

安装方法

1.下载yii2-ueditor

2.将下载的yii2-ueditor-master 修改 ueditor (注意:修改成其他文件名请修改插件内对应的命名空间)

3.将文件方在 根目录/common/widgets 下即可

调用方法

在rootPath/backend/controllers中新建一个控制器加入以下代码

代码语言:javascript复制
public function actions(){
    return [
        'ueditor'=>[
            'class' => 'commonwidgetsueditorUeditorAction',
            'config'=>[
                //上传图片配置
                'imageUrlPrefix' => "", /* 图片访问路径前缀 */
                'imagePathFormat' => "/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
            ]
        ]
    ];
}

第一种调用方式:

在对应的渲染页面,即views下的页面中

代码语言:javascript复制
<?=commonwidgetsueditorUeditor::widget(['options'=>['initialFrameWidth' => 850,]])?>

options 填写配置编辑器的参数(参考ueditor官网)

第二种调用方式:

代码语言:javascript复制
<?php $form = ActiveForm::begin(); ?>
 
<?= $form->field($model, 'title')->textInput(['maxlength' => true]) ?>
 
<?= $form->field($model, 'content')->widget('commonwidgetsueditorUeditor',[
    'options'=>[
        'initialFrameWidth' => 850,
    ]
]) ?>
 
  ...
 
<?php ActiveForm::end(); ?>

下载地址

yii2-ueditor-master-百度编辑器.zip (0 个下载)

0 人点赞