rf3main/common/widgets/ueditor/UEditor.php

<?php

namespace common\widgets\ueditor;

use Yii;
use yii\helpers\Html;
use yii\helpers\Url;
use yii\helpers\Json;
use yii\helpers\ArrayHelper;
use yii\widgets\InputWidget;
use common\widgets\ueditor\assets\AppAsset;

/**
 * 百度编辑器上传
 *
 * Class UEditor
 * @package common\widgets\ueditor
 * @author jianyan74 <751393839@qq.com>
 */
class UEditor extends InputWidget
{
    /**
     * ueditor参数配置
     *
     * @var array
     */
    public $config = [];

    /**
     * @var array
     */
    public $formData = [];

    /**
     * @throws \yii\base\InvalidConfigException
     */
    public function init()
    {
        parent::init();
        // 注册资源文件
        $asset = AppAsset::register($this->getView());
        $this->value = $this->hasModel() ? Html::getAttributeValue($this->model, $this->attribute) : $this->value;
        $this->name = $this->hasModel() ? Html::getInputName($this->model, $this->attribute) : $this->name;

        //常用配置项
        $config = [
            'serverUrl' => Url::to(['/ueditor/index']),
            'selectUrl' => Url::to(['/files/selector']),
            'UEDITOR_HOME_URL' => $asset->baseUrl . '/',
            'lang' => 'zh-cn',
            'initialFrameHeight' => 400,
            'initialFrameWidth' => '100%',
            'enableAutoSave' => false,
            'toolbars' => [
                [
                    'fullscreen', 'source', 'undo', 'redo', '|',
                    'customstyle', 'paragraph', 'fontfamily', 'fontsize'
                ],
                [
                    'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript',
                    'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|',
                    'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', '|',
                    'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
                    'directionalityltr', 'directionalityrtl', 'indent', '|'
                ],
                [
                    'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|',
                    'link', 'unlink', '|',
                    'simpleupload', 'insertimage', 'emotion', 'scrawl', 'insertvideo', 'music', 'attachment', 'map', 'insertcode', 'pagebreak', '|',
                    'horizontal', 'inserttable', '|',
                    'print', 'preview', 'searchreplace', 'help'
                ]
            ],
        ];

        if (!empty($this->config['toolbars'])) {
            unset($config['toolbars']);
        }

        // 切换上传驱动
        $storageDefault = Yii::$app->services->config->backendConfig('storage_default');

        $this->config = ArrayHelper::merge($config, $this->config);
        $this->formData = ArrayHelper::merge([
            // 'drive' => Yii::$app->params['UEditorUploadDrive'],
            'drive' => $storageDefault,
        ], $this->formData);
    }

    /**
     * @return string
     */
    public function run()
    {
        $id = $this->hasModel() ? Html::getInputId($this->model, $this->attribute) : $this->id;
        $config = Json::encode($this->config);

        //  由于百度上传不能传递数组，所以转码成为json
        !isset($this->formData) && $this->formData = [];
        foreach ($this->formData as $key => &$formDatum) {
            if (!empty($formDatum) && is_array($formDatum)) {
                $formDatum = Json::encode($formDatum);
            }
        }

        $formData = Json::encode($this->formData);

        // ready部分代码，是为了缩略图管理。UEditor本身就很大，在后台直接加载大文件图片会很卡。
        $script = <<<JS
        UE.delEditor('{$id}');
        var ue = UE.getEditor('{$id}',{$config}).ready(function(){
            this.addListener( "beforeInsertImage", function ( type, imgObjs ) {
                for(var i=0;i < imgObjs.length;i++){
                    imgObjs[i].src = imgObjs[i].src.replace(".thumbnail","");
                }
            });
            
            this.execCommand('serverparam', function(editor) {
                return {$formData};
            });
        });
        
        $('.UEditorTemplate').click(function () {
            var content = $(this).data('content');
            content = content.toString();
            
            if (content.length === 0) {
                return;
            }
            
            UE.getEditor('{$id}').focus();
            UE.getEditor('{$id}').execCommand('inserthtml', content);
        });
JS;

        $this->getView()->registerJs($script);

        if ($this->hasModel()) {
            return Html::activeTextarea($this->model, $this->attribute, ['id' => $id]);
        }

        return Html::textarea(ArrayHelper::getValue($this->config, 'textarea', $this->name), $this->value,
            ['id' => $id]);
    }
}