yii2 html编辑器,YII2高级版框架搭建完整博客系统教程——添加富文本编辑器

摘要：1、下载富文本编辑器组件

富文本编辑器组件下载

2、解压组件压缩包，并重命名为ueditor，然后将ueditor组件放入common widgets

1、下载富文本编辑器组件

2、解压组件压缩包，并重命名为ueditor，然后将ueditor组件放入commonwidgets

3、控制器中引用组件/**

* 富文本编辑组件

*/

'ueditor'=>[

'class' => 'common\widgets\ueditor\UeditorAction',

'config'=>[

//上传图片配置

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

'imagePathFormat' => "/image/{yyyy}{mm}/{dd}{time}{rand:6}",

]

],

4、富文本编辑器的使用(使用页面：frontend/views/posts/create.phpp)= $form->field($model, 'content')->widget('common\widgets\ueditor\Ueditor',[

'options'=>[

'initialFrameHeight' => 400,

]

]) ?>

富文本使用效果图：