首页 > 开发 > php > 正文

使用yuanchao/laravel-5-markdown-editor遇到的问题,

2017-09-06 13:37:45  来源:网友分享

当使用 @include('editor::head')

页面会多加载http://cdn.bootcss.com/bootstrap/3.3.0/css/less/navbar.less 这个文件

导致我的页面样式都乱了!!!!

而我在head.blade.php里并没有引入上面的文件

网络请求里也并没有加载http://cdn.bootcss.com/bootstrap/3.3.0/css/less/navbar.less这个文件

事实上如图:箭头所指的方向就是http://cdn.bootcss.com/bootstrap/3.3.0/css/less/navbar.less这个文件!!

解决方案

箭头所指部分,虽然显示 navbar.less 但实际并没有加载这个文件,问题就是:

laravel-5-markdown-editor里的这里

<link href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.css" rel="stylesheet">

至于为什么这里显示 navbar.less,则是 SourceMap 特性带来的,因为不管是 CSS 或者是
Javascript,线上使用的时候都会压缩,这就会给调试定位问题带来很大麻烦,具体介绍可以看 JavaScript Source Map 详解


所以,问题就是引入的这个包里面使用了 bootstrap 中, 而你的css和 bootstrap 的样式名有重名,导致样式污染了。