代码拉取完成,页面将自动刷新
富文本编辑器,针对Yii2框架封装的百度UEditor富文本编辑器
构建于UEditor 版本ueditor1_4_3_3-utf8-php.zip
通过 composer 安装此扩展
php composer.phar require --prefer-dist fakis/yii2-ueditor "*"
或者在composer.json
文件的require部分填上
"fakis/yii2-ueditor": "*"
ueditor
只支持2种语言,en-us
和zh-cn
,默认跟随系统语言 Yii::$app->language
,可以通过2种方式设置
'language' => 'zh-CN',
。编辑器相关配置,请在view
中配置,参数为clientOptions
,比如定制菜单,编辑器大小等等,具体参数请查看UEditor官网文档。
\fakis\ueditor\UEditor::widget([
// 您可以将它用于模型属性
'model' => $model,
'attribute' => 'field',
// 或者仅用于字段
'name' => 'input_name',
// 客户端配置
'clientOptions' => [
//编辑区域大小
'initialFrameHeight' => '200',
//设置语言
'lang' =>'en', //中文为 zh-cn
//定制菜单
'toolbars' => [
[
'fullscreen', 'source', 'undo', 'redo', '|',
'fontsize', 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', '|',
'forecolor', 'backcolor', '|',
'justifyleft', 'justifycenter', 'justifyright', '|',
'lineheight', 'indent', '|',
'link', 'unlink', '|', 'searchreplace',
'removeformat', 'formatmatch', '|',
'insertimage'
],
]
]
]);
或者
$form = \yii\widgets\ActiveForm::begin();
echo $form->field($model, 'field')->widget('\fakis\ueditor\UEditor', [
// 客户端配置
'clientOptions' => [
//编辑区域大小
'initialFrameHeight' => '200',
//设置语言
'lang' =>'en', //中文为 zh-cn
//定制菜单
'toolbars' => [
[
'fullscreen', 'source', 'undo', 'redo', '|',
'fontsize', 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', '|',
'forecolor', 'backcolor', '|',
'justifyleft', 'justifycenter', 'justifyright', '|',
'lineheight', 'indent', '|',
'link', 'unlink', '|', 'searchreplace',
'removeformat', 'formatmatch', '|',
'insertimage'
],
]
]
]);
\yii\widgets\ActiveForm::end();
文件上传相关配置,请在controller
中配置,参数为config
,例如文件上传路径等;更多参数请参照 config.php (跟UEditor提供的config.json一样)
public function actions()
{
return [
'upload' => [
'class' => 'fakis\ueditor\UEditorAction',
'config' => [
"imageUrlPrefix" => "http://www.your-domain.com", // 图片访问路径前缀
"imagePathFormat" => "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}" // 上传保存路径
"imageRoot" => Yii::getAlias("@webroot"),
],
]
];
}
public function actions()
{
return [
'upload' => [
'class' => 'fakis\ueditor\UEditorAction',
'config' => [
'imageUrl' => 'http://up-z2.qiniup.com/', // 七牛区域上传接口域名
'imageUrlPrefix' => 'http://www.your-domain.com/', // 图片访问路径前缀
"imagePathFormat" => "/upload/image/{yyyy}{mm}/{uuid}" // 上传保存路径
'imageFieldName' => 'file', // 上传控件名
],
]
];
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。