yii2实现Ueditor百度编辑器的示例代码

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

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

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

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

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

 ...

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

<?PHP
namespace mon\models;

use yii\base\Model;
use yii\web\UploadedFile;

/
  UploadForm is the model behind the upload form.
 /
class Upload extends Model
{
 /
  @var UploadedFile file attribute
 /
 public $file;

 /
  @return array the validation rules.
 /
 public function rules()
 {
 return [
  [['file'], 'file'],
 ];
 }
}

use yii\web\UploadedFile;
use mon\models\Upload;
/
  富文本框的图片上传
  @return array
 /
 public function actionUploadImage()
 {
 $model = new Upload();
 if (Yii::$app->request->isPost) {
  $model->file = UploadedFile::getInstance($model, "file");
  $dir = '/uploads/ueditor/';//文件保存目录
  if (!is_dir($dir))
  mkdir($dir);
  if ($model->validate()) {
  $fileName = $model->file->baseName . "." . $model->file->extension;
  $dir = $dir."/". $fileName;
  $model->file->saveAs($dir);
  $info = [
   "originalName" => $model->file->baseName,
   "name" => $model->file->baseName,
   "url" => $dir,
   "size" => $model->file->size,
   "type" => $model->file->type,
   "state" => "SUCCESS",
  ];
  exit(json_encode($info));
  }
 }
 }

<?php
use yii\widgets\ActiveForm;
?>

 <?= $form->field($model, 'content')->widget('mon\widgets\ueditor\Ueditor',[
 'options'=>[
  'initialFrameWidth' => 1050,//宽度
  'initialFrameHeight' => 550,//高度
 ]
 ]) ?>
<div class="form-group">
 <?= Html::submitButton('保存', ['class' => 'btn btn-suess']) ?>
 </div>

<?php ActiveForm::end() ?>