如何在我的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>
例:
@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?的主要内容,如果未能解决你的问题,请参考以下文章