3

我在使用 Summernote 的字体大小功能时遇到问题。它似乎在 Chrome 中效果最好——但即便如此，我也必须先输入文本，突出显示它，然后从 Summernote 文本编辑器中选择我想要的字体大小来更改它。其他浏览器似乎根本不工作。

我认为这可能是由某些覆盖字体大小的类引起的，因此我尝试使用 IE 中的开发人员工具撤消任何可疑类，然后再次尝试更改字体，但没有成功。我还在整个互联网上进行了搜索，发现很少，这让我相信我安装的 Summernote 一定有问题。此外，我似乎无法在网上的任何地方找到 Summernote 的演示——这将有助于确定这只是“我”问题还是更大问题的一部分。

很感谢任何形式的帮助

<textarea class="loneTextArea" style="width: 400px; height: 60px;"></textarea>

我如何实例化 Summernote：

$(document).ready(function () {

    $('.loneTextArea').summernote({
        toolbar: [
          ['style', ['bold', 'italic', 'underline', 'clear']],
          ['font', ['strikethrough']],
          ['fontsize', ['fontsize']],
          ['color', ['color']],
          ['para', ['ul', 'ol', 'paragraph']],
          ['height', ['height']],
          ['codeview', ['codeview']]
        ],
        height: 60,
        width: 400,
    });

});
4

1 回答 1

2

尝试这个：

$(document).ready(function () {

 $('.loneTextArea').summernote({
    toolbar: [
      ['style', ['bold', 'italic', 'underline', 'clear']],
      ['font', ['strikethrough']],
      ['fontsize', ['fontsize']],
      ['color', ['color']],
      ['para', ['ul', 'ol', 'paragraph']],
      ['height', ['height']],
      ['codeview', ['codeview']]
    ],
    fontSizes: [ '12', '16', '18', '24'], //here set the font size options you want
    height: 60,
    width: 400,
 });

});

或者，试试这个：

$('.loneTextArea').summernote('fontSize', 20);
于 2019-05-30T21:01:22.880 回答