我在 Bootstrap 模态中有一个 Summernote WYSIWYG 编辑器。它使用自定义工具栏。 (虽然,使用默认工具栏仍然会出现此问题)。
如下图所示,一些按钮的高度各不相同。颜色更改按钮旁边的下拉菜单特别引人注目。
我是否缺少强制按钮大小相同的文件或定义?
这是我包含的 CSS 文件:
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/bootstrap-theme.min.css" rel="stylesheet">
<link href="../css/theme.css" rel="stylesheet">
<link href="../css/summernote.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
这是 JavaScript:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../assets/js/docs.min.js"></script>
<script src="../scripts/summernote.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e){
$('#news_editor').summernote({height:150,toolbar:[
['style',['bold','italic','underline','clear']],
['fontface',['fontname']],
['textsize',['fontsize']],
['fontclr',['color']],
['alignment',['ul','ol','paragraph']],
['insert',['link','picture','table']],
['adv',['codeview']]
]});
});
...
这里是整个 HTML 文件:http://pastebin.com/G3Heae8J
最佳答案
你会尝试更改 html5 文档类型吗?
关于jquery - 不同高度的 Summernote 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24594828/