wabsa/laravel-tiptap

基于TALL堆栈的Tiptap编辑器意见性集成

维护者

详细信息

github.com/wabsa/laravel-tiptap

主页

源代码

问题

资助包维护！
georgeboot

安装: 7

依赖项: 0

建议者: 0

安全性: 0

星标: 0

关注者: 1

分叉: 0

开放问题: 0

语言:Blade

0.0.21 2022-04-12 08:26 UTC

Requires

Requires (Dev)

MIT c50796c2bec532611d176a6198fd8ca5cb49f36b

  • wabsa

laraveltiptaplivewirealpinejstall stack

This package is not auto-updated.

Last update: 2024-09-25 11:42:04 UTC

README

这是georgeboot/laravel-tiptap (https://github.com/georgeboot/laravel-tiptap)的重新打包

Screenshot

composer require wabsa/laravel-tiptap
yarn add laravel-tiptap

在你的app.js中

import Alpine from 'alpinejs'
import LaravelTiptap from 'laravel-tiptap' // add this
Alpine.data('tiptapEditor', LaravelTiptap) // add this
Alpine.start()

在你的blade文件中

<x-tiptap-editor />

<!-- enable image upload -->
<x-tiptap-editor enable-image-upload />

图片上传

确保你在s3中正确配置了s3磁盘

// config/filesystems.php

<?php

return [

    // other settings
    
    'disks' => [

        // 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'),
        ],

        // ...

    ],

];

将清理目录添加到TailwindCSS配置

module.exports = {
    purge: [
        // your existing purges
        './vendor/wabsa/laravel-tiptap/resources/views/**/*.blade.php',
    ],
}