0

フォームに trix エディターを追加しようとしています。表示されますが、ツールバーが無効になっていて、機能していません。いくつかの調査の後、レイアウト ファイルのヘッダーにあることがわかったので、それを本文の最後に移動し、「延期」を削除したところ、trix エディターが表示されなくなりました。

レイアウトファイル

<!-- Scripts -->
<script src="{{ asset('js/app.js') }}"></script>   
 @yield('scripts')
</body>
</html>

trix エディターが必要なフィールド

<div class="form-group">
   <label for="content">Content</label>
   <input id="content" type="hidden" name="content">
   <trix-editor input="content"></trix-editor>
</div>

トリックスのjsとcss

@section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/trix/1.1.1/trix.js"></script>
@endsection

@section('css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/trix/1.1.1/trix.css">
@endsection
4

3 に答える 3

0

--> composer require te7a-houdini/laravel-trix

--> php artisan vendor:publish --provider="Te7aHoudini\LaravelTrix\LaravelTrixServiceProvider"

--> php artisan migrate

In your page use like 

<html>
    <head>
        @trixassets
    </head>

    <body>
        <form method="POST" action="route('article.store')">
            @csrf
            @trix(\App\Article::class, 'content')
            <input type="submit">
        </form>    
    </body>
</html>
于 2019-11-28T09:53:27.853 に答える