Question

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

我认为这可能是因为某些类覆盖了字体大小所以我尝试使用IE中的Developer Tool撤消任何可疑类，然后尝试再次更改字体，但没有运气。我也搜索了整个互联网，发现很少，这让我相信我特别安装的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,
    });

});

Answer 1

尝试一下：

$(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);

Answer 2

我想我有答案：切换到HtmlBox。它并不是绝对完美，但我拥有以前所有相同的选项，并且有使用font-size的额外好处。

在Summernote中更改FontSize非常多动

2 个答案: