Yii2-ueditor-widget - 扩展 - Yii Framework 中文网

大裤衩子 2015-01-31 20:33:32 50331次浏览 50条评论 62 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-us和zh-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 举报

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

共 3 条回复

心若芷兰评论于 2015-10-16 15:20 回复

好棒呀

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

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

805402238 评论于 2020-08-20 16:51 回复

Class 'kucha\ueditor\UEditor' not found 我的一直报这个错误

卢佳俊觉得很赞

回复 1 0
溜肉段评论于 2015-05-28 16:50 举报

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

共 6 条回复

溜肉段评论于 2015-05-30 10:03 回复

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

心若芷兰评论于 2015-10-16 20:38 回复

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

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

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

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

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

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

问题解决，谢谢

805402238 评论于 2020-08-20 16:51 回复

Class 'kucha\ueditor\UEditor' not found 我的一直报这个错误

回复 0 0
牛牛2012 评论于 2015-05-30 10:36 举报

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

回复 0 0
zifeiyu 评论于 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 条回复

zifeiyu 评论于 2015-07-08 13:22 回复

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

心若芷兰评论于 2015-10-18 10:01 回复

@zifeiyu 没有写入权限！怎么搞呢，我的也是这个问题？？

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

@心若芷兰用 chmod 设置权限

大裤衩子觉得很赞

回复 1 0
zifeiyu 评论于 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 命令，重新生成一下自动加载类

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

@大裤衩子用了这个命令但，还是提示没有没有找到

大裤衩子评论于 2015-07-12 21:00 回复

@zifeiyu 用composer装吧
zifeiyu 评论于 2015-07-22 10:19 回复
@大裤衩子请教下，我图片是后台管理员添加的，保存在

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

这个目录下，他会默认保存到，backend/web/下，那我在前台怎么访问？
大裤衩子评论于 2015-07-22 15:49 回复

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

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

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

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

更新vendor/composer目录下的文件

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

@zifeiyu 你这个修改路径搞好了吗？怎么弄得？！

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

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

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

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

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

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

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

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

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

@大裤衩子裤衩兄，我也想了解一下，你说的软连接到底是什么？

大裤衩子评论于 2016-06-14 11:36 回复

@drykiss 类似windows下的快捷方式

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

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

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

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

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

@zifeiyu 好棒！！解决啦，谢谢啦

回复 0 0
acking 评论于 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 条回复

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

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

回复 0 0
frans 评论于 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 条回复

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

问题解决了，因为我配置了AccessControl 限制了访问！

晦涩de咚评论于 2016-05-25 14:35 回复

@dafa168 我也报这个错误？怎么回事？求大神帮忙说说
qq260101081 评论于 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"，

为什么上传路径不正确？
vial 评论于 2017-06-21 14:08 回复

@dafa168 什么意思，什么限制了访问？我没解决

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

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

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

@dafa168 我也遇到了这个问题，你怎么解决的？

qq260101081 觉得很赞

回复 1 0
zifeiyu 评论于 2015-07-29 16:52 举报

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

回复 0 0
通宵吃苹果评论于 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中输入的内容

回复 0 0
zifeiyu 评论于 2015-10-12 10:22 举报

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

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

共 4 条回复

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

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

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

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

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

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

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

@zifeiyu 怎么解决的？出现同样的问题。求解

回复 0 0
zifeiyu 评论于 2015-10-14 11:47 举报

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

回复 0 0
心若芷兰评论于 2015-10-18 15:06 举报

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

回复 0 0
dzlin 评论于 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相关文件的，我想是需要设置什么参数，但是不知道怎么设置？求解答，感激不尽。

鱼欲语雨觉得很赞

回复 1 0
hkch 评论于 2015-10-21 22:55 举报

默认值怎么设置啊

回复 0 0
kangjianjun 评论于 2015-10-30 15:14 举报

如何单独使用上传功能?

共 1 条回复

大裤衩子评论于 2015-11-03 22:28 回复

没办法单独使用

回复 0 0
bubifengyun 评论于 2015-11-03 10:09 举报
```
我在https://github.com/bubifengyun/book-yii2-dev-process，准备借助yiichina里的教程，编辑成一本书，最后用某高校LaTeX论文模板美化一下，每月或者更长时间发布PDF教程总结，求支持。
```
我想把你的教程录入到这本书里，并记录您的名字及原网址，可否？谢谢啦。
共 4 条回复

大裤衩子评论于 2015-11-03 22:29 回复

随意能帮到别人最好

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

@大裤衩子好的，感谢。

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

@大裤衩子 https://github.com/bubifengyun/book-yii2-dev-process/blob/master/src/ch-20.md

在这里，看可否，打算用MIT许可证

大裤衩子评论于 2015-11-06 10:05 回复

@bubifengyun 随意

回复 0 0
buckeye 评论于 2015-11-03 10:36 举报

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

共 5 条回复

大裤衩子评论于 2015-11-03 22:29 回复

没看懂。。。

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

@大裤衩子 model的rules里对字段的验证失效，因为加上这个编辑器textarea就没有id了

大裤衩子评论于 2015-11-06 10:06 回复

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

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

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

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

这应该是百度编辑器的坑

回复 0 0
qq674581328 评论于 2015-12-06 13:12 举报

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

回复 0 0
derek521214 评论于 2016-01-19 19:18 举报

怎么删除图片啊？

回复 0 0
周曙光评论于 2016-05-08 12:36 举报

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

回复 0 0