laravel框架集成Ueditor编辑器

近日开发中要在laravel框架中集成富文本编辑器，方便运营同事使用。原来使用TP框架的思路就是把JS文件整合到框架中，然后前端注入，后端交互。在laravel中的思路也应该差不多。下面将laravel集成Ueditor的方法和心得记录如下：

1.   laravel的依赖管理工具composer中可以快速的帮助我们集成ueditor到框架中，配置过程：

配置composer.json文件，在require中写入：

"stevenyangecho/laravel-u-editor": "~1.4"

然后在cmd模式下输入：composer update （需要将composer配置为全局变量）

更新完成之后，修改laravel的配置文件（config/app.php）:

在 "providers" 这个key 最后加上 ：

Stevenyangecho\UEditor\UEditorServiceProvider::class

在"aliases" 这个key最后加上：

'UEditor'=>Stevenyangecho\UEditor\UEditorServiceProvider::class

OK，配置完成之后进入laravel项目的根目录下输入：

php artisan vendor:publish

一串文件下载配置之后，laravel项目的public目录下会自动建立一个laravel-u-editor的文件夹。这个文件夹里包含的是编辑器本身的JS文件。同时在config文件夹下也会生成一个名为UEditorUpload.php的文件，这个是基础的配置文件。当这些文件都生成之后，说明编辑器已经在项目中集成好了，下一步就可以在视图文件中进行注入了

2.   前端视图中整合ue编辑器：

首先引入JS等文件，因为laravel框架已经帮我们集成好了，直接在视图文件尾部加入

@include('UEditor::head') 即可

 然后加载编辑器的容器，最后实例化编辑器，这部分比较简单，直接贴代码：

<!-- 加载编辑器的容器 -->

<div id="detail_info">
<script id="container" name="content" type="text/plain" style="width: 900px;position:absolute;left:300px;top:120px;">
</script>

<!-- 实例化编辑器 -->

<script>

var ue = UE.getEditor('container');

</script>

 

好了，到此为止大功告成。另外有关于百度富文本编辑器的问题，请移步官方api文档寻找答案。有疑问的话可以评论或者私信我，大家一起研究解决~~~~