基于yii2编辑富文本
效果图
步骤
1、下载yii2-ueditor（git 最新版）
2、将下载好的文件解压 cnblogsfiles-yii2_ueditor/ ueditor 这个文件夹放在根目录 common/widgets/里面
3、对应控制器的代码
public function actions()
{
return [
‘ueditor‘=>[
‘class‘ => ‘common\widgets\ueditor\UeditorAction‘,
‘config‘=>[
//上传图片配置
‘imageUrlPrefix‘ => "", /* 图片访问路径前缀 */
‘imagePathFormat‘ => "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
‘imageRoot‘ => Yii::getAlias("@webroot"),
]
]
];
}
我是在后台自己创建的模块使用
4、easyui的列表视图中应该加入mode:1(避免在edit编辑框中无法显示富文本框)
toolbar_my:
[
{type: ‘edit‘,url:‘<?=Url::to([‘editor‘])?>‘,mode:1,text:‘编辑活动说明‘,title:‘编辑活动说明‘}
],
5、视图/编辑 中显示
<?php
use yii\helpers\Html;
use yii\widgets\ActiveForm;
?>
<div class="edit">
<?php $form = ActiveForm::begin()?>
<?= $form->field($model, ‘content‘)->widget(‘common\widgets\ueditor\Ueditor‘,[]) ?>
<div class="form-group">
<?= Html::submitButton(‘保存‘, [‘class‘ => ‘btn btn-success‘]) ?>
</div>
<?php ActiveForm::end() ?>
</div>
6、将编辑的内容写入数据库中
public function actionEditor($id=‘‘)
{
//修改
if(isset($_POST[‘Setting‘])){
$params[‘content‘] = $_POST[‘Setting‘][‘content‘];
Setting::editParams($id,$params);
return static::formatEdit($id);
}
//查看
$return=Setting::editView($id);
//Ajax渲染
return $this->renderAjax(‘editor‘,$return);
}
注意： 上面代码的setting为我创建的模块名称，注意根据自己的项目修改
原文：https://www.cnblogs.com/hhzy/p/12396146.html