yii2 easyui ueditor
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了yii2 easyui ueditor,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1436字,纯文字阅读大概需要3分钟。
内容图文
基于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
内容总结
以上是互联网集市为您收集整理的yii2 easyui ueditor全部内容,希望文章能够帮你解决yii2 easyui ueditor所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。