百度UEditor
安装
Either run, (*1)
$ php composer.phar require c4ys/ueditor "*"
or add, (*2)
"c4ys/ueditor": "*"
to the require
section of your composer.json
file., (*3)
应用
controller:, (*4)
public function actions()
{
return [
'upload' => [
'class' => 'c4ys\ueditor\UEditorAction',
'config' => [
'imageUrlPrefix' => Yii::$app->params['ueditor.upload.url'],
'fileUrlPrefix' => Yii::$app->params['ueditor.upload.url'],
'videoUrlPrefix' => Yii::$app->params['ueditor.upload.url'],
'scrawlUrlPrefix' => Yii::$app->params['ueditor.upload.url'],
'imageRoot' => Yii::$app->params['ueditor.upload.path'],
'fileRoot' => Yii::$app->params['ueditor.upload.path'],
'videoRoot' => Yii::$app->params['ueditor.upload.path'],
'scrawlRoot' => Yii::$app->params['ueditor.upload.path'],
],
]
];
}
view:, (*5)
echo \c4ys\ueditor\UEditor::widget([]);
或者:, (*6)
echo $form->field($model,'colum')->widget('c4ys\ueditor\UEditor',[]);
说明
ueditor
只支持2种语言,en-us
和zh-cn
,默认跟随系统语言 Yii::$app->language
,可以通过2种方式设置,1.修改系统语言,在main.php
(高级版) 或者web.php
(基础版)添加'language' => 'zh-CN',
。2.实例化的时候配置语言选项,见下边配置, (*7)
配置相关
编辑器相关配置,请在view
中配置,参数为clientOptions
,比如定制菜单,编辑器大小等等,具体参数请查看UEditor官网文档。
简单实例:, (*8)
use \c4ys\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', '|',
'simpleupload', '|',
],
]
]);