README

laravel 5.4 的 ueditor

============================

##使用方法：

使用composer安装
```
composer require aweika/laravel-ueditor
```

在config/app.php中的providers数组中添加

Aweika\LaravelUeditor\LaravelUeditorServiceProvider::class,

在config/app.php中的aliases数组中添加

'LaravelUeditor' => Aweika\LaravelUeditor\LaravelUeditor::class,

执行以下命令
```
php artisan vendor:publish --provider="Aweika\LaravelUeditor\LaravelUeditorServiceProvider" --tag=first
```
会生成配置文件config/aweika-laravel-ueditor.php，修改其中的package_path参数，配置ueditor资源文件生成的目录。此参数相对于public目录，例如默认值为aweika-laravel-ueditor，则会将编辑器的资源文件生成到public/aweika-laravel-ueditor目录中。

执行以下命令

php artisan vendor:publish --provider="Aweika\LaravelUeditor\LaravelUeditorServiceProvider" --tag=second

会按照上一步设置的路径生成资源文件和一个组件view。

打开routes/web.php，在适当的位置添加以下代码来设置编辑器上传相关操作所需的路由。
```
\LaravelUeditor::routes();
```

在需要使用编辑器的view文件中调用组件，例如表单控件的名称为element。

简单调用

@component(\LaravelUeditor::component(), ['field'=>'element'])
@endcomponent

带默认值的调用

@component(\LaravelUeditor::component(), ['field'=>'element', 'content'=>'default content'])
@endcomponent

带自定义脚本的调用

@php
    $csrf_token = csrf_token();
    $custom_script = <<<EOD
    <script type="text/javascript">
        var ue = UE.getEditor('content', {
            initialFrameHeight:300,
            autoHeightEnabled: false,
            autoFloatEnabled: false,
            wordCount:false,
            elementPathEnabled:false,
            toolbars: [
                    ['source', 'undo', 'redo', 'bold', 'italic', 'underline', 'strikethrough', 'forecolor', 'backcolor', 'simpleupload', 'fullscreen']
                ]
        });

        ue.ready(function() {
            ue.execCommand('serverparam', '_token', '$csrf_token');
        });
    </script>
EOD;
@endphp

@component(\LaravelUeditor::component(), ['field'=>'element', 'content'=>'default content', 'custom_script'=>$custom_script])
@endcomponent

aweika / laravel-ueditor

维护者

详细信息

README