2015-10-06 97 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原理一样。