浅析Yii2集成富文本编辑器redactor实例教程


Posted in PHP onApril 25, 2016

在上篇文章给大家介绍了如何在yii2中集成百度编辑器umeditor以及如何解决umeditor上传图片问题。

今天我们来谈谈yii2集成另外一个强大好用的富文本编辑器Redactor,个人觉得Redactor比百度编辑器好用哦

Redactor有官方的Yii2插件package,实用性也是很强的。

首先我们不急不躁,先进行安装Redactor。

可以参考https://github.com/yiidoc/yii2-redactor进行安装。有很多新手看不惯英文哈,如果你点击了链接参考了github上的安装,希望你再回来看看在整个安装过程中都要哪些必要的注意点。

1、我们跟他们一样,利用composer安装即可。

2、添加配置项

'modules' => [ 
'redactor' => [ 
'class' => 'yii\redactor\RedactorModule', 
'uploadDir' => '上传目录', 
'uploadUrl' => '图片可访问地址', 
'imageAllowExtensions'=>['jpg','png','gif'] 
], 
],

第一个注意点,默认的上传文件保存在根目录下的uploads,如果你想更换文件的保存目录,修改配置项uploadDir即可,同时你需要修改uploadUrl保证图片可访问。3、如果你的view是ActiveField类型,下面的配置适用你

<?= $form->field($model, 'content')->widget(\yii\redactor\widgets\Redactor::className()) ?>

但是如果你的表单不是用yii自带的组建生成的,你应该像下面这样配置

<?= \yii\redactor\widgets\Redactor::widget([ 'model' => $model, 'attribute' => 'content' ]) ?>

4、其中上传类用的是redactor一套,但是你说你的上传类需要重写,也可以,只需要像下面这样加几个配置即可

<?= $form->field($model, 'content')->widget(\yii\redactor\widgets\Redactor::className(), [ 
'clientOptions' => [ 
'imageManagerJson' => ['/redactor/upload/image-json'], 
'imageUpload' => ['/redactor/upload/image'], 
'fileUpload' => ['/redactor/upload/file'], 
'lang' => 'zh_cn', 
'plugins' => ['clips', 'fontcolor','imagemanager'] 
] 
]) ?>

5、配置语言或者插件,像第四步一样,在clientOptions项中添加lang和plugins配置项即可,如果你想问都有哪些plugins,打开目录\vendor\yii2-redactor\assets\plugins可以一睹风采。

6、图片上传注意了,因为redactor是以模块进行引入的,如果你的项目含有权限管理,记得添加权限哦。

7、忘记了一个大前提,保证你的php支持fileinfo扩展。打开php.ini文件去掉fileinfo前面的分号即可

以上所述是小编给大家介绍的Yii2集成富文本编辑器redactor实例教程,希望对大家有所帮助!

PHP 相关文章推荐
php 中文字符入库或显示乱码问题的解决方法
Apr 12 PHP
php mysql_real_escape_string函数用法与实例教程
Sep 30 PHP
yii操作cookie实例简介
Jul 09 PHP
PHP session 会话处理函数
Jun 06 PHP
Yii2主题(Theme)用法详解
Jul 23 PHP
php array_slice 取出数组中的一段序列实例
Nov 04 PHP
smarty模板数学运算示例
Dec 11 PHP
php安装dblib扩展,连接mssql的具体步骤
Mar 02 PHP
详解cookie验证的php应用的一种SSO解决办法
Oct 20 PHP
php实现表单提交上传文件功能
May 28 PHP
Yii2.0 RESTful API 基础配置教程详解
Dec 26 PHP
PhpStorm+xdebug+postman调试技巧分享
Sep 15 PHP
Yii2增加验证码步骤详解
Apr 25 #PHP
Yii实现显示静态页的方法
Apr 25 #PHP
mysql_escape_string()函数用法分析
Apr 25 #PHP
PHP中addslashes与mysql_escape_string的区别分析
Apr 25 #PHP
PHP引用的调用方法分析
Apr 25 #PHP
PHP常见错误提示含义解释(实用!值得收藏)
Apr 25 #PHP
使用ltrace工具跟踪PHP库函数调用的方法
Apr 25 #PHP
You might like
Oracle 常见问题解答
2006/10/09 PHP
PHP使用递归方式列出当前目录下所有文件的方法
2015/06/02 PHP
php经典算法集锦
2015/11/14 PHP
JS 容错处理代码, 屏蔽错误信息
2021/03/09 Javascript
神奇的7个jQuery 3D插件整理
2011/01/06 Javascript
基于jQuery的message插件实现右下角弹出消息框
2011/01/11 Javascript
JQuery显示隐藏DIV的方法及代码实例
2015/04/16 Javascript
javascript实现行拖动的方法
2015/05/27 Javascript
JS获取时间的相关函数及时间戳与时间日期之间的转换
2016/02/04 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
2016/02/14 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
2016/10/26 Javascript
bootstrap模态框垂直居中效果
2016/12/03 Javascript
JavaScript监听手机物理返回键的两种解决方法
2017/08/14 Javascript
AngularJS实现表单验证功能详解
2017/10/12 Javascript
React-Router如何进行页面权限管理的方法
2017/12/06 Javascript
vue嵌套路由与404重定向实现方法分析
2018/05/04 Javascript
python操作sqlite的CRUD实例分析
2015/05/08 Python
在Python中用get()方法获取字典键值的教程
2015/05/21 Python
对Python中的@classmethod用法详解
2018/04/21 Python
python实现可视化动态CPU性能监控
2018/06/21 Python
Python读取Excel数据并生成图表过程解析
2020/06/18 Python
上课迟到检讨书100字
2014/01/11 职场文书
开展党的群众路线教育实践活动方案
2014/02/05 职场文书
运动会解说词200字
2014/02/06 职场文书
倡议书范文格式
2014/05/12 职场文书
体操比赛口号
2014/06/10 职场文书
机电一体化专业求职信
2014/07/22 职场文书
2014年作风建设剖析材料
2014/10/23 职场文书
2014年信贷员工作总结
2014/11/18 职场文书
房屋认购协议书
2015/01/29 职场文书
销售内勤岗位职责范本
2015/04/13 职场文书
2015年林业工作总结
2015/05/14 职场文书
初中语文教师研修日志
2015/11/13 职场文书
保安辞职申请书应该怎么写?
2019/07/15 职场文书
python 下载文件的几种方式分享
2021/04/07 Python
go goroutine 怎样进行错误处理
2021/07/16 Golang