Summernote lite 项目符号和编号列表不默认为自定义默认字体大小
Posted
技术标签:
【中文标题】Summernote lite 项目符号和编号列表不默认为自定义默认字体大小【英文标题】:Summernote lite bullet and number list not defaulting to custom default fontsize 【发布时间】:2018-12-16 01:37:35 【问题描述】:我正在测试 Summernote 所见即所得编辑器,这是我的 Django 实现中没有引导程序的精简版。除了项目符号和数字大小外,一切似乎都运行良好。它们的默认大小似乎是 6,而我的默认 fontSize 是 22。fontSize 默认为 22,如下图所示,它对项目符号和数字列表按钮没有影响。他们停留在 6。我在我的 html 中使用下面的代码:
<textarea id="summernote" name="book"></textarea>
<script>
$('#summernote').summernote(
width: 755,
height: 300,
toolbar: [
['undo', ['undo',]],
['redo', ['redo',]],
['style', ['bold', 'italic', 'underline',]],
['font', ['strikethrough',]],
['fontsize', ['fontsize']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
]
);
$('#summernote').summernote('fontSize', 22);
</script>
我试图让项目符号和数字与我的字体格式相匹配,但似乎无法让它们与我的默认字体大小相匹配。我在我的表单中使用 SummerNote 小部件,如下所示:
widgets =
'book': SummernoteInplaceWidget(),
我还在我的 HTML 标头中使用默认库,如下所示:
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-lite.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-lite.js"></script>
我似乎无法判断这是否是预期行为,或者是否有办法让它们、字体大小、项目符号列表和编号列表同步。我尝试在默认参数之前移动 fontSize 代码行,但这似乎没有帮助。提前感谢您的任何想法。
【问题讨论】:
【参考方案1】:将配置从嵌入式 HTML 移动到 django 的 settings.py 文件解决了这个问题。
我在我的 settings.py 文件中定义了如下所示的配置:
SUMMERNOTE_CONFIG =
'summernote':
'toolbar': [
['undo', ['undo',]],
['redo', ['redo',]],
['style', ['bold', 'italic', 'underline',]],
['font', ['strikethrough',]],
['fontsize', ['fontsize']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
],
'width': 760,
'height': 300,
'focus': True,
'fontSizes': ['8', '9', '10', '11', '12', '14', '18', '22','24', '36', '48' , '64', '82', '150'],
,
在我的 settings.py 文件中定义了 summernote 配置后,我在我的 CSS 中定义了默认字体大小和编辑器的位置,如下所示:
.editor
font-size: 18px;
margin-left: 24.4rem;
最终结果:
上面列出的代码解决了我的问题。
【讨论】:
以上是关于Summernote lite 项目符号和编号列表不默认为自定义默认字体大小的主要内容,如果未能解决你的问题,请参考以下文章
CSS:有没有办法在每个列表元素之前垂直对齐数字/项目符号?
CSS:有没有办法在每个列表元素之前垂直对齐数字/项目符号?