【问题标题】:Linking Css and Js Files Summernote assets in Laravel 5 The proper way在 Laravel 5 中链接 Css 和 Js 文件 Summernote 资产的正确方法
【发布时间】:2016-01-02 20:01:15
【问题描述】:

我正在使用 Summernote 编辑器创建博客。我的问题是编辑器在博客文本区域中无法正确显示。

我使用部分来创建表单,并且 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 创建一个简单的博客来学习

【问题讨论】:

    标签: laravel-5 summernote


    【解决方案1】:

    应该是:

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

    js也是一样的。

    【讨论】:

      猜你喜欢
      • 2015-02-27
      • 2015-12-18
      • 1970-01-01
      • 2019-03-29
      • 2019-03-29
      • 2013-04-23
      • 1970-01-01
      • 2017-07-20
      • 1970-01-01
      相关资源
      最近更新 更多