Question

我正在尝试在表单中添加Trix编辑器。出现但工具栏被禁用，无法正常工作。经过一番研究后，我发现它位于布局文件的标题中，因此将其移至正文的末尾并删除了“ defer”，现在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>

trix 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

Answer 1

在这里，我制作了演示Trix编辑器，并且在laravel 5.8.14 v中工作正常

UIView

您忘记添加jquery吗？

Answer 2

您在section('scripts')中提到的trix代码的js链接，而不是包括在“ scripts”部分中。将链接直接粘贴到html的主HEAD部分中，可能是在layouts.app中。

或者您也可以执行与您相同的操作，但是只需更改一些代码，例如：

在html头部分中，像其他其他提到的SCRIPT标记下方的@YIELD('CSCRIPTS')一样添加yield，请确保在yield中使用新名称。
在html头部分中，您还将看到其他SCRIPT标签，如果有DEFER，则将其删除。
最后，转到您的SECTION所属的刀片并将其更改为@SECTION('CSCRIPTS')。
运作良好。

但是您还将看到另一个脚本标签，并删除DEFER关键字。其他保持不变，效果很好

Answer 3

->作曲家需要te7a-houdini / laravel-trix

-> php工匠厂商：发布--provider =“ Te7aHoudini \ LaravelTrix \ LaravelTrixServiceProvider”

-> php artisan迁移

在您的页面中使用

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

    <body>
        <form method="POST" action="route('article.store')">
            @csrf
            @trix(\App\Article::class, 'content')
            <input type="submit">
        </form>    
    </body>
</html>

如何在Laravel 5.8中修复Trix编辑器

3 个答案: