如何在夏季笔记中设置字体大小
How to set font-size in summernote?
我一直在使用summernote作为我的默认文本编辑器,但是当我初始化它时,默认情况下我无法设置特定的字体大小。
到目前为止我已经尝试过
$('.active-textcontainer').summernote({
toolbar: [
['style', ['bold', 'italic', 'underline']],
['fontsize', ['fontsize']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']]
],
height:150,
fontsize:'18px'
});
和
$('.active-textcontainer').summernote({
toolbar: [
['style', ['bold', 'italic', 'underline']],
['fontsize', ['fontsize']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']]
],
height:150,
fontsize:'18'
});
蚂蚁的帮助将不胜感激。
我从未使用过summernote
,但是查看 API,没有任何(至少现在)可以指定默认字体大小,我像您一样进行了一些尝试,似乎没有人工作。
一个可能的解决方案是使用 jQuery
将font-size
样式直接应用于编辑器div
因为当您在对象中初始化summernote
时,请始终创建以下div
:<div class="note-editable" ...>...</div>
。因此,您可以在初始化后执行以下操作,$('.note-editable').css('font-size','18px');
在您的代码中这可能是:
$('.active-textcontainer').summernote({
toolbar: [
['style', ['bold', 'italic', 'underline']],
['fontsize', ['fontsize']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']]
],
height:150
});
$('.note-editable').css('font-size','18px');
这个解决方案有点棘手,如果div
编辑器的class
名称在下一个版本上发生变化,这将不起作用,但也许这对您的情况来说已经足够了。
希望这有帮助,
您可以设置当前所选文本的字体大小,
$('.summernote').summernote('fontSize', 40);
但似乎没有用于选择文本的 API。
无法设置默认字体大小很奇怪,所以我在他们的存储库中提出了一个问题。
或通过 css 设置默认值
.note-editor .note-editable {
line-height: 1.2;
font-size: 18px;
}
相关文章:
- 是否可以在网页上用另一种字体设置jqmath-display的样式
- 在 JavaScript 输出中设置字体样式
- 在jquery中设置字体真棒图标
- 使用javascript和php根据视口尺寸设置字体大小
- 如何在javascript print()函数中设置字体大小
- 如何根据容器大小设置字体大小
- 在 CKEditor 中设置字体大小和字体系列
- 如何在夏季笔记中设置字体大小
- jWYSIWYG设置字体颜色按钮
- 仅为附加文本设置字体大小
- 如何设置字体家族与javascript -没有访问jquery, html,或css,只有js
- Ng-repeat动态设置字体颜色时产生错误
- 如何在JointJs中动态设置字体大小
- 从javascript设置字体颜色参数
- 通过样式设置字体族.字体不工作,除非字体大小也设置
- 如果选择了另一个li,则设置字体粗细
- JavaScript未返回CSS设置字体大小
- 如何设置字体样式"斜体"使用javascript
- 根据容器宽度和高度设置字体大小
- 使用 jQuery 使用随机值设置字体大小