大裤衩子 2015-01-31 20:33:32 33606次浏览 50条评论 61 14 0

百度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}" //上传保存路径
            ],
        ]
    ];
}
觉得很赞
亿速云
  • 评论于 2015-05-05 12:00 举报

    不错.....................................

    6 条回复
    评论于 2015-10-16 15:20 回复

    好棒呀

    评论于 2018-07-24 17:08 回复

    不错...................

    评论于 2018-07-24 17:08 回复
    评论于 2018-07-24 17:08 回复

    1234124****

    评论于 2019-07-02 10:57 回复

    222222222222

    评论于 2019-07-02 10:58 回复

    333333333333

    觉得很赞
  • 评论于 2015-05-28 16:50 举报

    本地上传图片用不了. 提示"后端配置项没有正常加载,上传插件不能正常使用", 谁知道怎么搞的啊

    6 条回复
    评论于 2015-05-30 10:03 回复

    原来没有actions中添加 upload.
    大裤衩子同学很热情. 手机qq给予帮助.
    大力感谢...

    评论于 2015-10-16 20:38 回复

    我的也是上传不了本地的图片啊,怎么解决啊???

    评论于 2017-07-20 19:31 回复

    我也是这个问题怎么解决。。。。。。。。。

    评论于 2018-08-16 14:11 回复

    请问这个问题怎么解决啊 后端配置项没有正常加载,上传插件不能正常使用

    评论于 2019-05-27 10:50 回复

    问题解决,谢谢

    评论于 2019-07-02 11:00 回复

    5555555555

  • 评论于 2015-05-30 10:36 举报

    你好,我在autoload_psr4.php文件中注册'kucha\ueditor\' => array($vendorDir . '/kucha/ueditor'),
    代码也复制过去了,视图上用echo Ueditor::widget(['id'=>'newstext1']);
    为什么只能显示textarea 没有工具条呢?

  • 评论于 2015-07-08 13:04 举报

    上传图片提示上传错误

    controller中的imagePathFormat是在那个文件夹下,是要在web文件夹下建立/upload/image/这两个文件夹吗?

    public function actions()
        {
            return [
                'upload' => [
                    'class' => 'kucha\ueditor\UEditorAction',
                    'config' => [
                        "imageUrlPrefix"  => "http://www.baidu.com",//图片访问路径前缀
                        "imagePathFormat" => "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}" //上传保存路径
                    ],
                ]
            ];
        }
    
    3 条回复
    评论于 2015-07-08 13:22 回复

    已解决,原来backend/web/中有一个upload的文件夹,他没有写入权限,所以上传错误

    评论于 2015-10-18 10:01 回复

    没有写入权限!怎么搞呢,我的也是这个问题??

    评论于 2015-10-28 20:55 回复

    chmod 设置权限

    觉得很赞
  • 评论于 2015-07-10 16:39 举报

    求解,在本地的环境中使用UEditor是好的,可是上传到服务器上却显示,找不到UEditor类

    _form.php中的代码

    
    use kucha\ueditor\UEditor;
    
    <?= UEditor::widget([
                'model' => $model,
                'attribute' => 'text',
        ]) ?>
    

    在服务器上提示

     PHP Fatal Error – yii\base\ErrorException
    Class 'kucha\ueditor\UEditor' not found
    

    本地环境 系统-mac 环境-xampp

    服务器上的UEditor包,我是在本地下好后,用ftp上传到vendor中的

    17 条回复
    评论于 2015-07-10 22:55 回复

    如果上传位置没错的话,试试 composer dump-autoload 命令,重新生成一下自动加载类

    评论于 2015-07-12 13:50 回复

    用了这个命令但,还是提示没有没有找到

    评论于 2015-07-12 21:00 回复

    用composer装吧

    评论于 2015-07-22 10:19 回复

    请教下,我图片是后台管理员添加的,保存在

    `uploads/pages/image/{yyyy}{mm}{dd}/{time}{rand:6}`
    

    这个目录下,他会默认保存到,backend/web/下,那我在前台怎么访问?

    评论于 2015-07-22 15:49 回复

    你把后台的图片目录做个软连接到前台就可以了

    评论于 2015-07-22 16:44 回复

    我想把图片放到一个公共的地方,比如,common/uploads/,前后台上传图片都往里面存,
    该如何设置。还有楼主说的软链接是如何做的???

    评论于 2015-09-08 15:17 回复

    更新vendor/composer目录下的文件

    评论于 2016-05-04 17:51 回复

    你这个修改路径搞好了吗?怎么弄得?!

    评论于 2016-05-05 09:33 回复

    我没用ftp上传了, 用 composer install 安装的vendor

    评论于 2016-05-05 09:41 回复

    我编辑器保存的图片在项目外面。怎么可以自定义图片保存的路径?

    评论于 2016-05-05 10:27 回复

    编辑器上传是以 入口文件 index.php所在目录为根目录上传的, 所以你设置的上传保存路径也是相对于入口文件所在目录的, 我是统一上传到 web/ 目录下的

    评论于 2016-05-24 17:04 回复

    我这个该怎么设置。。。图片保存在根目录了。不在web/下,怎么设置到web/
    看了下BigKuCha那个config.php 知道是什么原因了 是我理解错那个imageUrlPrefix的意思了

    评论于 2016-06-12 16:53 回复

    裤衩兄,我也想了解一下,你说的软连接到底是什么?

    评论于 2016-06-14 11:36 回复

    类似windows下的快捷方式

    评论于 2016-08-15 17:20 回复

    请教下,你这个是怎么做的?我的"imagePathFormat" => "uploads/{yyyy}{mm}{dd}/{time}{rand:6}" 这样写 上传到哪去了我都不知道,你是怎么弄的啊

    评论于 2016-08-16 09:03 回复

    他会上传到你的入口目录的 uploads/ 文件夹下, 入口目录是你的域名指定的根目录

    评论于 2016-08-16 09:44 回复

    好棒!! 解决啦,谢谢啦

  • 评论于 2015-07-22 22:23 举报

    @大裤衩子
    http://www.yiichina.com/question/1077
    我按照这上面调用为什么只出现textarea 没有工具条呢
    或者Either 'name', or 'model' and 'attribute' properties must be specified.报错

    页面源码上面没有调用到js css 是不是 UEditorAsset 这个配置出现了问题?

    1 条回复
    评论于 2015-07-24 10:36 回复

    问题解决,因为我的头部调用没有用yii2方法beginPage()

  • 评论于 2015-07-24 09:43 举报

    后端配置项没有正常加载,上传插件不能正常使用!

    actions中加了 upload 还是不行 求解!

    chrome F12 提示错误如下:

    GET http://admin.com/index.php?r=article/upload&action=config&&noCache=1437702912506 
    500 (Internal Server Error)
    ueditor.all.js:8092
    

    请求后台配置项http错误,上传功能将不能正常使用!

    感谢大神回答!

    6 条回复
    评论于 2015-07-24 10:16 回复

    问题解决了, 因为我配置了AccessControl 限制了访问!

    评论于 2016-05-25 14:35 回复

    我也报这个错误? 怎么回事? 求大神帮忙说说

    评论于 2016-10-17 09:48 回复

    我报这个错

    "NetworkError: 500 Internal Server Error - http://localhost/yii2/backend/web/index.php?r=pages%2Fpages%2Fupload&action=uploadimage&encode=utf-8"

    为什么上传路径不正确?

    评论于 2017-06-21 14:08 回复

    什么意思, 什么限制了访问? 我没解决

    评论于 2017-07-20 15:52 回复

    如果是报格式出问题的话 可以在action里面 在return之前加
    Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;

    评论于 2017-08-14 07:40 回复

    我也遇到了这个问题,你怎么解决的?

    觉得很赞
  • 评论于 2015-07-29 16:52 举报

    请问,文章做列表显示时,是如何设置,内容只显示一部分,点击去之后才显示全部,好像没有这个功能??
    哦,原来有个分页功能,楼主有写直接用php方法渲染内容,让设置了分页的起效果吗?

  • 评论于 2015-09-23 13:02 举报

    裤衩兄,请问如何通过 Html::button...onclick触发的时间 获取编辑器中的Html 内容 我想通过ajax将内容存到数据库

    参照官方文档

    var ue = UE.getEditor('#container');
    var html = ue.getContent();
    alert(html);
    

    报错

    2 条回复
    评论于 2015-10-18 15:08 回复

    请问你是怎么解决的呀?获取编辑框的html内容

    评论于 2015-11-28 18:06 回复

    解决了,用的 var content=$("#ueditor_0").contents().find("body").html(); //取出ueditor中输入的内容

  • 评论于 2015-10-12 10:22 举报

    本地上传图片都是好的,在服务器(ubuntu)上就只显示图片文件名,但也没有报错,我看了服务器上的文件,它没有创建文件夹,但是我的权限都是给了的

    上传路径是这样的
    "images/{yyyy}{mm}{dd}/{time}{rand:6}"

    4 条回复
    评论于 2015-10-14 11:49 回复

    好坑啊,原来是上传到 $_SERVER['DOCUMENT_ROOT'] 里的,我还以为是上传到 Yii::getAlias('@webroot')

    评论于 2015-10-27 22:32 回复

    $rootPath = \Yii::getAlias('@common'); 这样改不会有问题吧?

    评论于 2016-01-07 10:16 回复

    不错,好使,改$rootPath可以更改根目录位置

    评论于 2016-09-27 16:42 回复

    怎么解决的?出现同样的问题。求解

  • 评论于 2015-10-14 11:47 举报

    裤衩,设置了imageCompressBorder => 600 不起作用啊

    1 条回复
    评论于 2019-07-02 11:00 回复

    222222222222

  • 评论于 2015-10-18 15:06 举报

    我的也遇到过这个问题,但是自己摸索解决了

  • 评论于 2015-10-18 23:22 举报

    没有使用yii2的模板,使用UEditor时出现错误:The file or directory to be published does not exist: D:\wamp\www\project\app\vendor\bower/jquery/dist。vendor和app是同一个目录下的,在vendor目录下是有jquery相关文件的,我想是需要设置什么参数,但是不知道怎么设置?求解答,感激不尽。

    觉得很赞
  • 评论于 2015-10-21 22:55 举报

    默认值怎么设置啊

  • 评论于 2015-10-30 15:14 举报

    如何单独使用上传功能?

    1 条回复
    评论于 2015-11-03 22:28 回复

    没办法单独使用

  • 评论于 2015-11-03 10:09 举报
    我在https://github.com/bubifengyun/book-yii2-dev-process,准备借助yiichina里的教程,编辑成一本书,最后用某高校LaTeX论文模板美化一下,每月或者更长时间发布PDF教程总结,求支持。
    

    我想把你的教程录入到这本书里,并记录您的名字及原网址,可否?谢谢啦。

    4 条回复
    评论于 2015-11-03 22:29 回复

    随意 能帮到别人最好

    评论于 2015-11-04 10:21 回复

    好的,感谢。

    评论于 2015-11-06 09:49 回复
    评论于 2015-11-06 10:05 回复

    随意

  • 评论于 2015-11-03 10:36 举报

    yii自带的验证不好用了,貌似是ueditor本身的问题文本框的id消失了

    5 条回复
    评论于 2015-11-03 22:29 回复

    没看懂。。。

    评论于 2015-11-06 08:58 回复

    model的rules里对字段的验证失效,因为加上这个编辑器textarea就没有id了

    评论于 2015-11-06 10:06 回复

    继承yii自带表单组件重写的 怎么会呢。。 以widget的方式调用

    评论于 2017-09-02 01:52 回复

    还真是,, 这坑有点大 都不知道怎么填了

    评论于 2017-09-02 01:53 回复

    这应该是百度编辑器的坑

  • 评论于 2015-12-06 13:12 举报

    请问为啥表情使用点击使用后,输入框里的变为空白图

  • 评论于 2016-01-19 19:18 举报

    怎么删除图片啊?

  • 评论于 2016-05-08 12:36 举报

    为什么表单提交后获取的是没有标签的纯文本????

您需要登录后才可以评论。登录 | 立即注册