2017-12-22 6 views
-2

Laravel에서 토론 포럼 응용 프로그램을 만들고 있습니다. 여기 Ckeditor를 주석 섹션에 사용하고 싶습니다. 누군가가 주석을 달면 코드는 여기에 stackoverflow처럼 표시되어야합니다.어떻게 내 laravel 앱에 코드 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 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입니다. 어떤 파일과 스크립트 파일을 입력해야하는지 알려주십시오.

답변

0

laravel CKEditor 패키지를 사용할 수 있습니다. 설치하는 방법

: 는

composer require unisharp/laravel-ckeditor 

, 편집 config/app.php ServiceProvider

추가 Application Service Providers 섹션에 다음 파일을 추가 패키지

을 설정합니다.

Unisharp\Ckeditor\ServiceProvider::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> 
+0

를 제공하고 있습니다

0
<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

관련 문제