文章/答案/技术大牛

发布

问Summernote不会完全加载
EN

Stack Overflow用户

提问于 2014-07-13 08:47:19

回答 2查看 9K关注 0票数 1

嗨，我正试着使用summernote，但是它不能完全加载。我有链接所有的脚本和样式的需要。

<!-- Bootstrap3 core CSS -->
<link href="../css/bootstrap.min.css" rel="stylesheet">

<!-- include libries(jQuery, bootstrap3, fontawesome) -->

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
<script src='../js/jquery-1.11.1.min.js'></script>
<script src="../js/bootstrap.min.js"></script>



<!-- include summernote css/js-->

<link href="../css/summernote.css" />
<link href="../css/summernote-bs3.css" />
<script src="../js/summernote.min.js"></script>
<script src="../js/summernote.js"></script>

然后我使用了夏季笔记的JS。

<script>
     $( document ).ready(function() {
         $('#summernote').summernote({height: 300});
     });  
</script>

这是我的html

<textarea  id="summernote" cols="30" rows="10" class="form-control"></textarea>

在那之后我得到了这个

http://screenshot.cz/WO3ZQ/

我这里没有图标。但一切都正常但看上去很可怕。我试图找到解决方案，我发现如果我使用引导图标，我把它们放在和summernote使用标签。也许这就是问题所在。我不知道。

summernote

javascript

jquery

twitter-bootstrap

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-07-13 09:14:09

更新你的小提琴手，现在检查一下

http://jsfiddle.net/pW4d8/1/

$(document).ready(function() {
    $('#summernote').summernote({height: 300});
});

效果很好..。

问题在于js的资源。

编辑：：这在<head>中很好：

<script src="//code.jquery.com/jquery-1.11.0.js" type="text/javascript"></script>
<link href="/css/result-light.css" type="text/css" rel="stylesheet" />
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js" type="text/javascript"></script>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" type="text/css" rel="stylesheet" />
<script src="http://podivej.se/js/summernote.min.js" type="text/javascript"></script>
<link href="http://podivej.se/css/summernote.css" type="text/css" rel="stylesheet" />
<link href="http://podivej.se/css/summernote-bs3.css" type="text/css" rel="stylesheet">

票数 6

Stack Overflow用户

发布于 2014-12-11 04:00:53

总之，因为我刚刚遇到了同样的问题，summernote只需要在他自己的.js之前加载他的.css文件！

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24720971

复制

相似问题

问Summernote不会完全加载
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Summernote不会完全加载EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Summernote不会完全加载
EN