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,
    ]
]) ?>

富文本使用效果图：