151 lines
4.7 KiB
PHP
Executable File
151 lines
4.7 KiB
PHP
Executable File
<?php
|
||
/**
|
||
* UEditor Widget扩展
|
||
* @author xbzbing<xbzbing@gmail.com>
|
||
* @link www.crazydb.com
|
||
*
|
||
* UEditor版本v1.4.3.1
|
||
* Yii版本2.0+
|
||
*
|
||
* 使用方法:
|
||
* 1、AR
|
||
*
|
||
* <?=$form->field($model, 'content')->widget(\crazydb\ueditor\UEditor::className())?>
|
||
*
|
||
* 或者
|
||
*
|
||
* <?=\crazydb\ueditor\UEditor::widget([
|
||
* 'model' => $model,
|
||
* 'attribute' => 'content',
|
||
* ])?>
|
||
*
|
||
*
|
||
* 2、普通表单
|
||
*
|
||
* <?=\crazydb\ueditor\UEditor::widget([
|
||
* 'name' => $name,
|
||
* 'value' => $value,
|
||
* ])>
|
||
*/
|
||
namespace crazydb\ueditor;
|
||
|
||
use yii;
|
||
use yii\helpers\Html;
|
||
use yii\helpers\Url;
|
||
use yii\helpers\Json;
|
||
|
||
/**
|
||
* Class UEditor
|
||
* UEditor Widget的主类，用于前端显示编辑器
|
||
* @package crazydb\ueditor
|
||
*/
|
||
class UEditor extends yii\widgets\InputWidget
|
||
{
|
||
/**
|
||
* 生成的ueditor对象的名称，默认为editor。
|
||
* 主要用于同一个页面的多个editor实例的管理。
|
||
* @var string
|
||
*/
|
||
public $name;
|
||
|
||
/**
|
||
* UEditor配置
|
||
* @var array
|
||
*/
|
||
public $config = [];
|
||
|
||
/**
|
||
* 初始化一些配置。
|
||
* 由于不引入config.js文件，因此需要手动配置一些东西。
|
||
*/
|
||
public function init()
|
||
{
|
||
|
||
parent::init();
|
||
|
||
//注册资源文件
|
||
$asset = UEditorAsset::register($this->getView());
|
||
|
||
//设置UEditor实例的名字
|
||
if (!$this->name)
|
||
$this->name = $this->hasModel() ? $this->model->formName() . '_' . $this->attribute : 'ueditor_' . $this->id;
|
||
|
||
//常用配置项
|
||
if (empty($this->config['UEDITOR_HOME_URL']))
|
||
$this->config['UEDITOR_HOME_URL'] = $asset->baseUrl . '/';
|
||
|
||
if (empty($this->config['serverUrl']))
|
||
$this->config['serverUrl'] = Url::to(['/ueditor/index']);
|
||
elseif (is_array($this->config['serverUrl']))
|
||
$this->config['serverUrl'] = Url::to($this->config['serverUrl']);
|
||
|
||
if (empty($this->config['lang']))
|
||
$this->config['lang'] = 'zh-cn';
|
||
|
||
if (empty($this->config['initialFrameHeight']))
|
||
$this->config['initialFrameHeight'] = 400;
|
||
|
||
if (empty($this->config['initialFrameWidth']))
|
||
$this->config['initialFrameWidth'] = '100%';
|
||
|
||
if (empty($this->config['enableAutoSave']))
|
||
$this->config['enableAutoSave'] = false;
|
||
|
||
//扩展默认不直接引入config.js文件，因此需要自定义配置项.
|
||
if (empty($this->config['toolbars'])) {
|
||
//为了避免每次使用都输入乱七八糟的按钮，这里预先定义一些常用的编辑器按钮。
|
||
//这是一个丑陋的二维数组
|
||
$this->config['toolbars'] = [
|
||
[
|
||
'fullscreen', 'source', 'undo', 'redo', '|',
|
||
'customstyle', 'paragraph', 'fontfamily', 'fontsize'
|
||
],
|
||
[
|
||
'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat',
|
||
'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|',
|
||
'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', '|',
|
||
'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
|
||
'directionalityltr', 'directionalityrtl', 'indent', '|'
|
||
],
|
||
[
|
||
'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|',
|
||
'link', 'unlink', '|',
|
||
'insertimage', 'emotion', 'scrawl', 'insertvideo', 'music', 'attachment', 'map', 'insertcode', 'pagebreak', '|',
|
||
'horizontal', 'inserttable', '|',
|
||
'print', 'preview', 'searchreplace', 'help'
|
||
]
|
||
];
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 输出widget页面，注册相关JS代码。
|
||
*/
|
||
public function run()
|
||
{
|
||
|
||
$id = $this->hasModel() ? Html::getInputId($this->model, $this->attribute) : $this->id;
|
||
|
||
$config = Json::encode($this->config);
|
||
|
||
//ready部分代码，是为了缩略图管理。UEditor本身就很大，在后台直接加载大文件图片会很卡。
|
||
$script = <<<UEDITOR
|
||
var {$this->name} = UE.getEditor('{$id}',{$config});
|
||
{$this->name}.ready(function(){
|
||
this.addListener( "beforeInsertImage", function ( type, imgObjs ) {
|
||
for(var i=0;i < imgObjs.length;i++){
|
||
imgObjs[i].src = imgObjs[i].src.replace(".thumbnail","");
|
||
}
|
||
});
|
||
});
|
||
UEDITOR;
|
||
|
||
$this->getView()->registerJs($script);
|
||
|
||
if ($this->hasModel())
|
||
return Html::activeTextarea($this->model, $this->attribute);
|
||
else
|
||
return Html::textarea($this->name, $this->value, ['id' => $id]);
|
||
}
|
||
}
|