Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 1 day ago
JSON representation

Opinionated integration of Tiptap editor using the TALL stack

Awesome Lists containing this project

README

        

# Tiptap Editor for TALL stack

Screenshot

```
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',
],
}
```