yii2 html编辑器,yii2 富文本编辑 百度编辑器

本文详述了如何在Yii2高级版框架中集成并使用Ueditor 1.4.3.1版本。通过下载yii2-ueditor插件,将其放在指定目录,并调整命名空间,实现编辑器的配置与使用。提供了两种调用方式,包括直接在视图中使用和在表单字段中嵌入。此外,还展示了配置示例,如图片上传路径设置。
摘要由CSDN通过智能技术生成

--------------本人在某项目中就使用的这个 可参考!

扩展地址

https://github.com/org-yii-china/yii2-ueditor/archive/master.zip

述:

最佳适用于yii2.0 高级版(advanced)应用框架,对于基础板(basic)及其他框架要修改对应的命名空间即可使用

效果演示:

blob.png

版本相关:

Yii:2.0.6

Ueditor:1.4.3.1 (php版本)

安装方法:

1.下载yii2-ueditor

2.将下载的yii2-ueditor-master 修改 ueditor (注意:修改成其他文件名请修改插件内对应的命名空间)

3.将文件方在 根目录/common/widgets 下即可

在控制器中写入方法使用

public function actions(){

return [    'ueditor'=>[        'class' => 'common\widgets\ueditor\UeditorAction',        'config'=>[            //上传图片配置

'imageUrlPrefix' => "", /* 图片访问路径前缀 */

'imagePathFormat' => "/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */

]

]

];

}

第一种调用方式:

在对应的渲染页面,即views下的页面中

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

options 填写配置编辑器的参数(参考ueditor官网)

第二种调用方式:

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

= $form->field($model, 'content')->widget('common\widgets\ueditor\Ueditor',[

'options'=>[    'initialFrameWidth' => 850,

]

]) ?>

...

=============效果如下>>>本人亲测

cde90a2b255fa67ceb870778a51e66c9.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值