laravel5中 blade模板引入项目中的css js文件

最新推荐文章于 2024-07-16 09:06:42 发布

心鑫

最新推荐文章于 2024-07-16 09:06:42 发布

阅读量1.7w

点赞数 2

文章标签： php

将js css放在public目录下

 <script type="text/javascript"
            src="{{ URL::asset('/umeditor/lang/zh-cn/zh-cn.js') }}"></script>

相对public的绝对路径
这里写图片描述

使用百度umeditor示例

<!DOCTYPE html>
<html>
<head>
    <title>测试</title>
    <link rel="stylesheet" href="{{ URL::asset('/umeditor/themes/default/css/umeditor.css') }}">
    <!-- 引用jquery -->
    <script src="{{URL::asset('/umeditor/third-party/jquery.min.js')}}"></script>
    <!-- 配置文件 -->
    <script type="text/javascript" src="{{URL::asset('/umeditor/umeditor.config.js')}}"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="{{URL::asset('/umeditor/umeditor.js')}}"></script>
    <!-- 语言包文件 -->
    <script type="text/javascript" src="{{URL::asset('/umeditor/lang/zh-cn/zh-cn.js')}}"></script>
    <!-- 实例化编辑器代码 -->
    <script type="text/javascript">
        $(function(){
            window.um = UM.getEditor('container', {
                /* 传入配置参数,可配参数列表看umeditor.config.js */
                // toolbar: ['undo redo | bold italic underline']
            });
        });
    </script>
</head>
<body>
fsdafdsf
<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain" style="width:600px;height:200px;">
    这里写你的初始化内容
</script>
</body>
</html>