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

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

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

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

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

clipboard.png

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

clipboard.png

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

clipboard.png

阅读 2.7k
1 个回答

箭头所指部分,虽然显示 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 的样式名有重名,导致样式污染了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题