Package Data | |
---|---|
Maintainer Username: | hinet |
Maintainer Contact: | anzhengchao@gmail.com (overtrue) |
Package Create Date: | 2017-07-08 |
Package Last Update: | 2022-05-31 |
Home Page: | |
Language: | JavaScript |
License: | MIT |
Last Refreshed: | 2024-11-08 03:00:45 |
Package Statistics | |
---|---|
Total Downloads: | 394 |
Monthly Downloads: | 4 |
Daily Downloads: | 0 |
Total Stars: | 1 |
Total Watchers: | 2 |
Total Forks: | 1 |
Total Open Issues: | 0 |
Summernote editor integration for Laravel 5.
$ composer require "hinet/laravel-summernote"
添加下面一行到 config/app.php
中 providers
部分:
Hinet\LaravelSummernote\SummernoteServiceProvider::class,
发布配置文件与资源
$ php artisan vendor:publish --provider='Hinet\LaravelSummernote\SummernoteServiceProvider'
模板引入编辑器
这行的作用是引入编辑器需要的 css,js 等文件,所以你不需要再手动去引入它们。
@include('vendor.summernote.assets')
编辑器的初始化
<!-- 实例化编辑器 -->
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#summernote').summernote($.extend(summernoteOptions, {
height: 300,
}));
});
</script>
<!-- 编辑器容器 -->
<div id="summernote">Hello Summernote</div>
# 请在项目根目录执行以下命令
$ ln -s `pwd`/storage/app/public `pwd`/public/storage
config/summernote.php
配置 disk
为 'public'
情况下,上传路径在:public/uploads/
下,确认该目录存在并可写。config/summernote.php
里各种类型的上传路径,但是都在 public 下。.env
中正确配置 APP_URL
为你的当前域名,否则可能上传成功了,但是无法正确显示。如果你想使用七牛云储存,需要进行下面几个简单的操作:
1.安装和配置 laravel-filesystem-qiniu
2.配置 config/summernote.php
的 disk
为 qiniu
:
'disk' => 'qiniu'
3.剩下时间打局 LOL,已经完事了。
七牛的
access_key
和secret_key
可以在这里找到:https://portal.qiniu.com/user/key ,在创建bucket
(空间)的时候,推荐大家都使用公开的空间。
你肯定有一些朋友肯定会有一些比较特殊的场景,那么你可以使用本插件提供的事件来支持:
请按照 Laravel 事件的文档来使用: https://laravel.com/docs/5.4/events#registering-events-and-listeners
Hinet\LaravelSummernote\Events\Uploading
在保存文件之前,你可以拿到一些信息:
$event->file
这是请求的已经上传的文件对象,Symfony\Component\HttpFoundation\File\UploadedFile
实例。$event->filename
这是即将存储时用的新文件名$event->config
上传配置,数组。你可以在本事件监听器返回值,返回值将替换 $filename
作为存储文件名。
Hinet\LaravelSummernote\Events\Uploaded
它有两个属性:
$event->file
与 Uploading 一样,上传的文件
$event->result
上传结构,数组,包含以下信息:
'state' => 'SUCCESS',
'url' => 'http://xxxxxx.qiniucdn.com/xxx/xxx.jpg',
'title' => '文件名.jpg',
'original' => '上传时的源文件名.jpg',
'type' => 'jpg',
'size' => 17283,
你可以监听此事件用于一些后续处理任务,比如记录到数据库。
MIT