Ckli的blog

[绝不人云亦云] 只发亲测、完整的教程

laravel-admin 集成 ueditor

因为我最近 集成 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,上图看效果

ssssssss.png



最后,因为ueditor 官方提供下载地址是国外的,如果你下载不了,可以去我的 blog 找我提供的百度网盘下载地址和提取码。


Lck 的 blog http://blog.lck.yn.cn/?id=3

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

«   2023年3月   »
12345
6789101112
13141516171819
20212223242526
2728293031
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
搜索
最新留言
    文章归档
    网站收藏
    友情链接
    • RainbowSoft Studio Z-Blog
    • 订阅本站的 RSS 2.0 新闻聚合

    Powered By Z-BlogPHP 1.5.2 Zero

    Copyright Ckli Rights Reserved.