Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/georgeboot/laravel-tiptap
Opinionated integration of Tiptap editor using the TALL stack
https://github.com/georgeboot/laravel-tiptap
alpinejs laravel livewire tall-stack tiptap
Last synced: 3 months ago
JSON representation
Opinionated integration of Tiptap editor using the TALL stack
- Host: GitHub
- URL: https://github.com/georgeboot/laravel-tiptap
- Owner: georgeboot
- Created: 2021-08-12T13:26:21.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-02-22T08:09:42.000Z (almost 2 years ago)
- Last Synced: 2024-10-07T23:10:14.394Z (4 months ago)
- Topics: alpinejs, laravel, livewire, tall-stack, tiptap
- Language: Blade
- Homepage:
- Size: 741 KB
- Stars: 32
- Watchers: 4
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# Tiptap Editor for TALL stack
```
composer require georgeboot/laravel-tiptap
yarn add laravel-tiptap
```In your `app.js`:
```js
import Alpine from 'alpinejs'
import LaravelTiptap from 'laravel-tiptap' // add this
Alpine.data('tiptapEditor', LaravelTiptap) // add this
Alpine.start()
```In your blade file:
```blade```
## Image upload
Ensure you have your s3 disk configured correctly in s3:
```php
// config/filesystems.php[
// other disks
's3' => [
'driver' => 's3',
'key' => env('AWS_ACCESS_KEY_ID'),
'secret' => env('AWS_SECRET_ACCESS_KEY'),
'token' => env('AWS_SESSION_TOKEN'),
'region' => env('AWS_DEFAULT_REGION'),
'bucket' => env('AWS_BUCKET'),
'url' => env('AWS_URL'),
// 'url' => 'https://my-cloudfront-id.cloudfront.net', // optional: if you use cloudfront or some other cdn in front of s3
'endpoint' => env('AWS_ENDPOINT'),
],// ...
],
];
```Add purge directory to TailwindCSS config:
```js
module.exports = {
purge: [
// your existing purges
'./vendor/georgeboot/laravel-tiptap/resources/views/**/*.blade.php',
],
}
```