因为我最近 集成 ueditor 看到了网上很多文章,要么这里错了,要么哪里错了。现在我把过程发给大家,按照我的步骤走下就能OK了哈。
1,下载ueditor 解压放入你的项目 /public/packages/
2,app/Admin/Extensions/ 下新建文件名:UEditor.php 文件内容如下:
<?php
namespace App\Admin\Extensions;
use Encore\Admin\Form\Field;
class UEditor extends Field
{
protected $view = 'admin.ueditor';
protected static $css = [];
protected static $js = [
'/packages/utf8-php/ueditor.config.js',
'/packages/utf8-php/ueditor.all.js'
];
public function render()
{
$name = $this->formatName($this->column);
$this->script = <<<EOT
//解决第二次进入加载不出来的问题
UE.delEditor("container");
var ue = UE.getEditor('container',{
elementPathEnabled: false,
enableContextMenu: false,
autoClearEmptyNode: true,
wordCount: false,
imagePopup: false,
autotypeset: {indent: true, imageBlockLine: 'center'}
});
ue.ready(function() {
ue.execCommand('serverparam', '_token', '{{ csrf_token() }}');
});
EOT;
return parent::render();
}
}
3, resources/views/admin/ 下新建文件:ueditor.blade.php 内容如下:
<div class="form-group {!! !$errors->has($errorKey) ?: 'has-error' !!}">
<label for="{{$id}}" class="col-sm-2 control-label">{{$label}}</label>
<div class="col-sm-8">
@include('admin::form.error')
<textarea type='text/plain' style="height:400px;" id='container' id="{{$id}}" name="{{$name}}" placeholder="{{ $placeholder }}" {!! $attributes !!} class='ueditor'>
{!! old($column, $value) !!}
</textarea>
@include('admin::form.help-block')
</div>
</div>
4,app/Admin/bootstrap.php 修改此文件内容如下(如果没有,请自已新建):
<?php
use App\Admin\Extensions\UEditor;
use Encore\Admin\Form;
Form::extend('ueditor', UEditor::class);
5,在你自己控制器中的 form 方法里调用如:
$form->ueditor('experience','职业经历');
6,上图看效果
最后,因为ueditor 官方提供下载地址是国外的,如果你下载不了,可以去我的 blog 找我提供的百度网盘下载地址和提取码。
Lck 的 blog http://blog.lck.yn.cn/?id=3