在 Laravel 5 中链接 Css 和 Js 文件 Summernote 资产的正确方法
Posted
技术标签:
【中文标题】在 Laravel 5 中链接 Css 和 Js 文件 Summernote 资产的正确方法【英文标题】：Linking Css and Js Files Summernote assets in Laravel 5 The proper way 【发布时间】：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 创建一个简单的博客来学习
【问题讨论】：
【参考方案1】：应该是：
<link rel="stylesheet" type="text/css" href="<?= asset('css/summernote.css') ?>">
js也是一样的。
【讨论】：
以上是关于在 Laravel 5 中链接 Css 和 Js 文件 Summernote 资产的正确方法的主要内容，如果未能解决你的问题，请参考以下文章
Laravel 8，使用 Tailwind CSS 安装 React.js