bootstrap-4 - Summernote 样式不起作用
问题描述
我做了一个小提琴来暴露我在桌面上遇到的同样的问题。
在summernote编辑器中,应用字体大小和字体系列作品,但我无法将字体设置为粗体、斜体、删除线、上标......
我的小提琴:http: //jsfiddle.net/djibe89/by9n8azm/
感谢帮助
$('#my-summernote').summernote({
minHeight: 200,
placeholder: 'Write here ...',
focus: false,
airMode: false,
fontNames: ['Roboto', 'Calibri', 'Times New Roman', 'Arial'],
fontNamesIgnoreCheck: ['Roboto', 'Calibri'],
dialogsInBody: true,
dialogsFade: true,
disableDragAndDrop: false,
toolbar: [
// [groupName, [list of button]]
['para', ['style', 'ul', 'ol', 'paragraph']],
['fontsize', ['fontsize']],
['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['strikethrough', 'superscript', 'subscript']],
['height', ['height']],
['misc', ['undo', 'redo', 'print', 'help', 'fullscreen']]
],
popover: {
air: [
['color', ['color']],
['font', ['bold', 'underline', 'clear']]
]
},
print: {
//'stylesheetUrl': 'url_of_stylesheet_for_printing'
}
});
如果我重置代码并使用官方演示中的代码,也会发生同样的情况
解决方案
只需根据文档 ( https://summernote.org/getting-started/#for-bootstrap-4 ) 添加以下文件。请检查。
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-bs4.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-bs4.js"></script>
推荐阅读
- c# - 如何从 Hashtable 动态创建 object[][]?
- android - MvvmCross 从 TabLayout 导航回来
- html - 当我最小化我的 HTML/CSS 页面时,它会挤压所有图片和文本并破坏格式
- amazon-web-services - AWS api gateway get by id 返回 403
- ios - UICollectionView 可见单元格在运行时计数
- node.js - 在 Salesforce 中使用 Nodejs 创建 Slack 机器人
- eclipse - 如何将 Eclipse 抹回全新安装状态?
- android - 如何将 Django Rest API 用于视频流 Android 应用程序?
- ios - 将顶部锚点约束到可选文本视图的底部锚点
- c - 通过 strcpy 初始化时字符数组的行为如何?