2015-10-06 96 views
1

我正在用Summernote編輯器創建一個博客。我的問題是編輯器在博客文本區域中顯示不正確。鏈接Css和Js文件Laravel 5中的Summernote資產正確的方法

enter image description here

我用諧音來創建表格和js和css文件有聯繫這種方式

<div class="form-group" id="summernote"> 
    {!! Form::label('body', 'Body') !!} 
    {!! Form::textarea('body', null, ['class' => 'form-control']) !!} 
</div> 

<div class="form-group"> 
    {!! Form::submit($submitButtonText,['class' => 'btn btn-primary']) !!} 
</div> 

<script> 
    $(document).ready(function() { 
    $('#summernote').summernote(); 
    }); 
</script> 

總體佈局

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title></title> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <link rel="stylesheet" type="text/css" href="../css/summernote.css"> 
</head> 
<body> 
@include('partials.nav') 
<main> 
    <div class="container"> 
    @include('flash::message') 

    @yield('content') 
    </div> 
</main> 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script> 

<script> 
/*$('div.alert').not('.alert-important').delay(3000).slideUp(300);*/ 
    $('#flash-overlay-modal').modal(); 
</script> 
<script src="../js/summernote.js"></script> 

    @yield('footer') 
</body> 
</html> 

你怎麼鏈接和Laravel使用Summernote ?這是我在Laravel的第一週,我試圖通過使用Twitter Bootstrap創建一個簡單的博客來學習

回答

0

它應該是:

<link rel="stylesheet" type="text/css" href="<?= asset('css/summernote.css') ?>"> 

的JS原理一樣。