美文网首页
Laravel-admin集成UEditor

Laravel-admin集成UEditor

作者: 易澜湾 | 来源:发表于2018-11-22 12:48 被阅读0次

    先下载Ueditor 并解压到/public目录,比如放在/public/packages/目录下
    然后新建扩展文件app/Admin/Extensions/UEditor.php

      <?php
     namespace App\Admin\Extensions;
     use Encore\Admin\Form\Field;
    
    class UEditor extends Field
    {
    protected $view = 'admin.u-editor';
    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();
      }
    }
    

    新建view resources/views/admin/u-editor.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>
    

    然后在app/Admin/bootstrap.php中引入扩展:

    use App\Admin\Extensions\UEditor;
    use Encore\Admin\Form;
    Form::extend('ueditor', UEditor::class);
    

    然后就能在form中使用了:

        $form->ueditor('content');

    相关文章

      网友评论

          本文标题:Laravel-admin集成UEditor

          本文链接:https://www.haomeiwen.com/subject/abclqqtx.html