bigkucha / yii2-ueditor-widget Goto Github PK

View Code? Open in Web Editor NEW

155.0 17.0 68.0 2.97 MB

UEditor for Yii2

PHP 2.94% CSS 6.51% JavaScript 85.36% HTML 5.19%

ueditor javascript yii2

yii2-ueditor-widget's Introduction

百度UEditor

安装

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(['name' => 'xxxx']);

或者：

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}" //上传保存路径
                "imageRoot" => Yii::getAlias("@webroot"),
            ],
        ]
    ];
}

yii2-ueditor-widget's People

Contributors

Stargazers

Watchers

Forkers

orioncodes heartshare ruyi1024 yansor dmyy2007 shunzi250 fanglor helloqingbing davidfang zhaoyan158567 y80x86ol jingzhe1212 starsw001 zhangtaotao1 yasinn bubifengyun tqsq2005 brother-simon keqinhua bevin1984 mackong lenghuo c4ys yiiworld s-nice imanner xfstudio kunx-edu wuangjs 33honest weijianghu yii2s chenyongze hongyukeji mycone tystudy yongshengli weison-tech leetesla niilante maxwell-iwill m1509001 zhangjiahao93 arimis lichunqiang iqianfang wangzhenyi2011 zl0314 purevirtual a761208 myhonour swwaa biyeyangzhu dreaminf mdx86 devilkun xuepeng2 zhang-jianqiang lovecode1991 laiyongqin huangjiyun2012 hanbiji neo445354187 xuruipro szdmacom ran1990 eworthcms

yii2-ueditor-widget's Issues

如何做到官网demo中，复制内容不保留样式

官网demo中，http://ueditor.baidu.com/website/onlinedemo.html，复制一段代码

<img p_id="3.jpg" src="http://www.ityimai.com/upload/ue/model/20170601/1496299971572417.jpg" style="margin: 0px 0px 0px -960px; padding: 0px; border: none; display: block; position: relative; left: 1268.67px; width: 983px; height: 428px; outline: 0px !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;" width="983" height="428" border="0" vspace="0" title="" alt=""/>

后会自动变为

<img src="http://www.ityimai.com/upload/ue/model/20170601/1496299971572417.jpg" width="983" height="428" title="" alt=""/>

请问是怎么做到的？需要做哪些配置？

同时怎么把这些配置嵌入到yii2中的代码中，我得配置代码是

echo $form->field($model,'description')->widget('kucha\ueditor\UEditor',[
'clientOptions' => [
'toolbars' => [
[
'fullscreen', 'source', 'undo', 'redo', '|',
'fontsize',
'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'removeformat',
'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|',
'forecolor', 'backcolor', '|',
'lineheight', '|',
'indent', '|',
'justifyleft', //居左对齐
'justifyright', //居右对齐
'justifycenter', '|',//居中对齐
'simpleupload', 'insertimage', 'insertvideo'
],
]
]
]);?>

在使用小部件的时候报InvalidConfigException异常

Invalid Configuration – yii\base\InvalidConfigException

Either 'name', or 'model' and 'attribute' properties must be specified.

查看源码后发现异常信息从这里抛出

public function init()
    {
        if ($this->name === null && !$this->hasModel()) {
            throw new InvalidConfigException("Either 'name', or 'model' and 'attribute' properties must be specified.");
        }
        if (!isset($this->options['id'])) {
            $this->options['id'] = $this->hasModel() ? Html::getInputId($this->model, $this->attribute) : $this->getId();
        }
        parent::init();
    }

工具栏U（下划线bug）

选中一段文字之后先后点B I U之后，首先U没有显示选中状态，其次再次点击U并不能取消下划线

照着你说的做的，出问题了

   Missing required parameter "id" when instantiating "kucha\ueditor\UEditorAction".

我之前加入了百度的echarts了，手动加入的。教程见这里。

采用composer安装你的这个插件的时候，提示echarts安装有问题。我修改之后可以使用了。但是就出现了上述问题。
求指教。

不好意思，步骤搞错了。

如果不需要上传功能呢？如何移除掉上传图片这整块？

目前控制台，会输出“请求后台配置项http错误，上传功能将不能正常使用！”这个错误。

插入动态地图时不能插入，赋解决办法

解决办法

在配置中的whitList对象中添加如下配置
iframe:["frameborder","border","marginwidth","marginheight","width","height","src","id"],

echo \kucha\ueditor\UEditor::widget();这样调用失败

Invalid Configuration – yii\base\InvalidConfigException
Either 'name', or 'model' and 'attribute' properties must be specified.

UEditor.php 52行第一个参数为 $this->name

public function run()
{
$this->registerClientScript();
if ($this->hasModel()) {
return Html::activeTextarea($this->model, $this->attribute, ['id' => $this->id]);
} else {
return Html::textarea($this->id, $this->value, ['id' => $this->id]);
}
}

上传视频查看html代码文件路径丢失

视频上传成功以后，点击查看源码，视频url丢失

上传图片问题路径问题

不支持alias

我在配置里设置为@frontend/images/的时候，无法创建合适的文件夹。直接识别为@frontend。设想如果在部署网站的时候，网站的根地址改变，开发中涉及该地址的都需要修改地址了。

我提交了一个request，这样可以加入@webroot或者其他别名来统一管理地址。

UEditorAsset.php 将暴露 assets/php/ 内的文件

UEditorAsset 是 AssetBundle 类，默认情况下，当发布资源包时，所有在 yii\web\AssetBundle::$sourcePath 目录里的内容都会发布。所以当前的写法将会把 assets/php/ 内的 .php 文件也一并发布到 @webroot/assets 里；加上关闭了 CSRF 校验，就很容易遭到攻击。

应该删除不需要发布的文件；或者在UEditorAsset.php 添加以下代码，以白名单的方式发布资源文件：

public $publishOptions = [
    'only' => [
        '*.js',
        '*.css',
        '*.gif',
        '*.png',
        '*.jpg',
        '*.html',
        '*.swf',
    ]
];

参考官方文档： Yii 2.0 权威指南-资源-资源选项

composer最新版的版本号错了

应该是1.2.1吧，不知为啥写成1.21了，我不太敢用标示，怕升级有兼容问题，只敢写成1.2.，这样一来，就升级不上去了呢。

抓取远程图片问题

/kucha/ueditor/Uploader.php 这个文件的182行

//获取请求头并检测死链
        $heads = get_headers($imgUrl, 1);
        if (!(stristr($heads[0], "200") && stristr($heads[0], "OK"))) {
            $this->stateInfo = $this->getStateInfo("ERROR_DEAD_LINK");
            return;
        }
        //格式验证(扩展名验证和Content-Type验证)
        $fileType = strtolower(strrchr($imgUrl, '.'));
        if (!in_array($fileType, $this->config['allowFiles']) || stristr($heads['Content-Type'], "image")) {
            $this->stateInfo = $this->getStateInfo("ERROR_HTTP_CONTENTTYPE");
            return;
        }

我现在是抓取有道笔记的图片，那个链接是https://note.youdao.com/yws/public/resource/1e8d9f637755152487451e129cef6cd9/xmlnote/WEBRESOURCE7173c64d1e084a6607534e92e11684bd/82 这种,没有后缀，所有获取是扩展名是com/yws/public/resource/1e8d9f637755152487451e129cef6cd9/xmlnote/WEBRESOURCE7173c64d1e084a6607534e92e11684bd/82是这个，第一个判断肯定不通过，第二个用get_header返回的content-type是image/png，
但在stristr($heads['Content-Type'], "image")这里就返回false了

不能进行设置是什么问题

我在yii2.0普通版中通过composer加载了插件，但是为什么我就是不能进行设置
'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', '|' ], ]
这段代码没有起作用，请问下是什么原因

编辑器内图片上传在https协议下无效。

RT，使用https协议访问网站，在网站百度编辑器内使用单图或多图上传的功能图片无法成功上传。切换回http协议后才可以上传。。

阿里云存储OSS在这里如何配置

如题，我上传的资源都要放到OSS中，访问路径也是，请问能不能自定义上传的处理功能？