如何在我的laravel应用程序中导入代码编辑器?

如何在我的laravel应用程序中导入代码编辑器?,laravel,ckeditor,forum,Laravel,Ckeditor,Forum,我正在拉威尔做一个论坛应用程序。这里我想在评论部分使用Ckeditor。当有人发表评论时,代码应该显示为stackoverflow @if(Auth::check()!=null) {{csrf_field()}} 回复 @恩迪夫 请给我非常简单的步骤来使用ckeditor。我的主文件是layout.app,这个文件是comment.blade.php。请告诉我应该在哪里输入哪些文件和脚本文件。您可以使用laravel CKEditor软件包 如何安装: 设置包 composer requir

我正在拉威尔做一个论坛应用程序。这里我想在评论部分使用Ckeditor。当有人发表评论时,代码应该显示为stackoverflow

@if(Auth::check()!=null)
{{csrf_field()}}
回复
@恩迪夫

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

您可以使用laravel CKEditor软件包

如何安装: 设置包

composer require unisharp/laravel-ckeditor
添加服务提供者

编辑
config/app.php
,将以下文件添加到
应用程序服务提供商
部分

Unisharp\Ckeditor\ServiceProvider::class,
发布资源

php artisan vendor:publish --tag=ckeditor
用法 默认方式(按名称或id启动):


CKEDITOR.替换('article CKEDITOR');
或者,如果要通过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>

$('textarea').ckeditor();
//$('.textarea').ckeditor();//如果喜欢上课的话。

例如:

@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>
@if(Auth::check()!=null)
{{csrf_field()}}
回复
@恩迪夫
$('.editor1').ckeditor();//如果喜欢上课的话。

@节(“脚本”)
$('textarea').ckeditor();
@端部

我还提供了编辑器id

在哪里粘贴文件?在布局文件或这条评论中?我为你们添加了示例,请检查并没有找到你们在哪里添加这些脚本。在我的答案后面的底部你们可以使用。或者将其添加到刀片中的标记:$('.textarea').ckeditor();你什么都做了吗?
@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