如何在我的laravel应用程序中导入Code ckeditor?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在我的laravel应用程序中导入Code ckeditor?相关的知识,希望对你有一定的参考价值。

我正在Laravel进行讨论论坛申请。在这里,我想在评论部分使用Ckeditor。当有人评论时,代码应该在stackoverflow中显示。

@if(Auth::check()!=null)
    <div class="col-md-6 col-md-offset-3">
        <div class="panel panel-default">
            <div class="panel panel-body">
                <form action="/comment" method="POST">
                    {{ csrf_field() }}
                    <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
                    <input type="hidden" name="post_id" value="{{ $post->id }}">
                    <div class="form-group">
                        <label for="comment">Reply</label>
                        <textarea name="body" class="form-control" style="size: 200px"></textarea>
                    </div>
                    <input type="submit" name="com" id="com"  class="btn btn-xs btn-success pull-right">
                </form>
            </div>
        </div>
    </div>
@endif

请给我非常简单的步骤来使用ckeditor。我的主文件是layout.app,这个文件是comment.blade.php。请指导我在哪里输入文件和脚本文件。

答案

你可以使用laravel CKEditor Package;

如何安装:设置包

composer require unisharp/laravel-ckeditor

添加ServiceProvider

编辑config/app.php,将以下文件添加到Application Service Providers部分。

UnisharpCkeditorServiceProvider::class,

发布资源

php artisan vendor:publish --tag=ckeditor

用法默认方式(按名称或ID启动):

<script src="/vendor/unisharp/laravel-ckeditor/ckeditor.js"></script>
<script>
    CKEDITOR.replace( 'article-ckeditor' );
</script>

或者如果你想通过jQuery选择器启动:

<script src="/vendor/unisharp/laravel-ckeditor/ckeditor.js"></script>
<script src="/vendor/unisharp/laravel-ckeditor/adapters/jquery.js"></script>
<script>
    $('textarea').ckeditor();
    // $('.textarea').ckeditor(); // if class is prefered.
</script>

github link for more

例:

@if(Auth::check()!=null)
<div class="col-md-6 col-md-offset-3">
    <div class="panel panel-default">
        <div class="panel panel-body">
            <form action="/comment" method="POST">
                {{ csrf_field() }}
                <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
                <input type="hidden" name="post_id" value="{{ $post->id }}">
                <div class="form-group">
                    <label for="comment">Reply</label>
                    <textarea id="editor1" name="body" class="form-control" style="size: 200px"></textarea>
                </div>
                <input type="submit" name="com" id="com"  class="btn btn-xs btn-success pull-right">
            </form>
        </div>
    </div>
</div>
@endif

<script>

    $('.editor1').ckeditor(); // if class is prefered.
</script>
另一答案
    <script src="{{asset('vendor/unisharp/laravel-ckeditor/ckeditor.js')}}"></script>
    <script src="{{asset('vendor/unisharp/laravel-ckeditor/adapters/jquery.js')}}"></script>

@section('script')

    <script>

        $('textarea').ckeditor();
    </script>

    @endsection

我已经提供了编辑ID

以上是关于如何在我的laravel应用程序中导入Code ckeditor?的主要内容,如果未能解决你的问题,请参考以下文章

在模板内的 vuejs 组件中导入和使用类

如何在 libsass 中导入目录

在 vue 组件的 laravel 中导入 json 文件

如何使 sass 文件全局化,而不是在每个文件中导入它并膨胀包大小?

如何使用短路径在 Nx Workspace 中导入?

如何使用 laravel 5.7 和 vue JS 在 mysql 中导入 excel 文件