yii2集成uediter和makdown编辑器

不念不忘少年蓝@ 2022-07-16 06:00 191阅读 0赞

百度UEditor

GitHub地址 [https://github.com/BigKuCha/yii2-ueditor-widget][https_github.com_BigKuCha_yii2-ueditor-widget]

安装

Either run

$ php composer.phar require kucha/ueditor “\*”  
or add

“kucha/ueditor”: “\*”  
to the require section of your composer.json file.

应用

controller:

public function actions()  
\{  
return \[  
‘upload’ => \[  
‘class’ => ‘kucha\\ueditor\\UEditorAction’,  
\]  
\];  
\}  
view:

echo \\kucha\\ueditor\\UEditor::widget(\[\]);  
或者：

echo form−>field(model,’colum’)->widget(‘kucha\\ueditor\\UEditor’,\[\]);  
说明

ueditor只支持2种语言，en-us和zh-cn,默认跟随系统语言 Yii::$app->language,可以通过2种方式设置，1.修改系统语言，在main.php(高级版) 或者web.php(基础版)添加’language’ => ‘zh-CN’,。2.实例化的时候配置语言选项，见下边配置

配置相关

编辑器相关配置，请在view 中配置，参数为clientOptions，比如定制菜单，编辑器大小等等，具体参数请查看UEditor官网文档。

简单实例:

use \kucha\ueditor\UEditor;
    echo UEditor::widget([
        'clientOptions' => [
            //编辑区域大小
            'initialFrameHeight' => '200',
            //设置语言
            'lang' =>'en', //中文为 zh-cn
            //定制菜单
            'toolbars' => [
                [
                    'fullscreen', 'source', 'undo', 'redo', '|',
                    'fontsize',
                    'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'removeformat',
                    'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|',
                    'forecolor', 'backcolor', '|',
                    'lineheight', '|',
                    'indent', '|'
                ],
            ]
    ]);

文件上传相关配置，请在controller中配置，参数为config,例如文件上传路径等；更多参数请参照 config.php (跟UEditor提供的config.json一样)

简单实例:

public function actions() { 
        return [
            'upload' => [
                'class' => 'kucha\ueditor\UEditorAction',
                'config' => [
                    "imageUrlPrefix"  => "http://www.baidu.com",//图片访问路径前缀
                    "imagePathFormat" => "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}" //上传保存路径
                ],
            ]
        ];
    }

[https_github.com_BigKuCha_yii2-ueditor-widget]: https://github.com/BigKuCha/yii2-ueditor-widget