浅析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获取网络上文件
Oct 09 PHP
php 采集书并合成txt格式的实现代码
Mar 01 PHP
基于php-fpm的配置详解
Jun 03 PHP
PHP 实现explort() 功能的详解
Jun 20 PHP
解析coreseek for sphinx的使用
Jun 21 PHP
PHP取二进制文件头快速判断文件类型的实现代码
Aug 05 PHP
php调用c接口无错版介绍
Mar 11 PHP
php生成随机密码自定义函数代码(简单快速)
May 10 PHP
PHP中的排序函数sort、asort、rsort、krsort、ksort区别分析
Aug 18 PHP
全面了解PHP中的全局变量
Jun 17 PHP
php获取当前月与上个月月初及月末时间戳的方法
Dec 05 PHP
php页面跳转session cookie丢失导致不能登录等问题的解决方法
Dec 12 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
php FLEA中二叉树数组的遍历输出
2012/09/26 PHP
PHPer 需要了解的 5 个 Composer 小技巧
2014/08/18 PHP
PHP生成网站桌面快捷方式代码分享
2014/10/11 PHP
Yii中的cookie的发送和读取
2016/07/27 PHP
Zend Framework数据库操作方法实例总结
2016/12/11 PHP
jquery div拖动效果示例代码
2013/12/08 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
2014/04/03 Javascript
jQuery封装的tab选项卡插件分享
2015/06/16 Javascript
javascript实现3D切换焦点图
2015/10/16 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
2016/04/30 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
2016/07/25 Javascript
微信小程序模板之分页滑动栏
2017/02/10 Javascript
浅谈Express异步进化史
2017/09/09 Javascript
JS实现中文汉字按拼音排序的方法
2017/10/09 Javascript
JS实现为动态创建的元素添加事件操作示例
2018/03/17 Javascript
剖析Angular Component的源码示例
2018/03/23 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
2018/07/10 Javascript
小程序实现录音上传功能
2019/11/22 Javascript
js实现鼠标滑动到某个div禁止滚动
2020/09/17 Javascript
详解nginx配置vue h5 history去除#号
2020/11/09 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
2021/02/26 Vue.js
python 从远程服务器下载日志文件的程序
2013/02/10 Python
详细讲解Python中的文件I/O操作
2015/05/24 Python
Python 实现异步调用函数的示例讲解
2018/10/14 Python
python绘制BA无标度网络示例代码
2019/11/21 Python
python安装后的目录在哪里
2020/06/21 Python
详解CSS3弹性伸缩盒
2020/09/21 HTML / CSS
英国Zoro工具:手动工具,电动工具和个人防护用品
2016/11/02 全球购物
美国二手复古奢侈品包包购物网站:LXRandCo
2019/06/18 全球购物
出纳员的岗位职责
2014/02/22 职场文书
安全生产大检查方案
2014/05/07 职场文书
公司市场部岗位职责
2015/04/15 职场文书
离婚起诉书范文2016
2015/11/26 职场文书
浅谈Vue的computed计算属性
2022/03/21 Vue.js
使用refresh_token实现无感刷新页面
2022/04/26 Javascript
mysql序号rownum行号实现方式
2022/12/24 MySQL