Yii2 下安装 百度编辑器插件

PHP 林涛 11803℃ 0评论

对比过众多开源的编辑器,发现百度是最好用的,yii2也推荐使用百度编辑器,下面的方法做个备注:

资源下载:

扩展下载(yii2.0-ueditor)

框架下载(Yii 2.0.6 高级版)

描述:

最佳适用于yii2.0 高级版(advanced)应用框架,对于基础板(basic)及其他框架要修改对应的命名空间即可使用


效果演示:

blob.png

版本相关:

Yii:2.0.6

Ueditor:1.4.3.1 (php版本)


安装方法:

1.下载yii2-ueditor

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

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

调用方法:

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

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

第一种调用方式:

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

<?=common\widgets\ueditor\Ueditor::widget(['options'=>['initialFrameWidth' => 850,]])?>

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

第二种调用方式:

<?php $form = ActiveForm::begin(); ?>

<?= $form->field($model, 'title')->textInput(['maxlength' => true]) ?>

<?= $form->field($model, 'content')->widget('common\widgets\ueditor\Ueditor',[
    'options'=>[
        'initialFrameWidth' => 850,
    ]
]) ?>

  ...

<?php ActiveForm::end(); ?>

常见问题:

1.图片上传提示“后端配置项没有正常加载,上传插件不能正常使用”

a.首先确认一下是否为最新的插件源码

b.举例:如在SiteController中配置的该插件,确认site/ueditor是否有权限访问

c.同上例子,确定site/ueditor是否能用get方式访问

如需转载请注明: 转载自26点的博客

本文链接地址: Yii2 下安装 百度编辑器插件

转载请注明:26点的博客 » Yii2 下安装 百度编辑器插件

喜欢 (0)or分享 (0)
0 0 投票数
文章评分
订阅评论
提醒
guest

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

2 评论
内联反馈
查看所有评论
加气块设备

感谢分享

匿名

对新手太有用了

2
0
希望看到您的想法,请您发表评论x