在 Summernote 中更改 FontSize 非常错误

Posted 2023-03-22

【中文标题】在 Summernote 中更改 FontSize 非常错误

【英文标题】：Changing FontSize in Summernote very Buggy

【发布时间】：2015-03-08 06:43:01

【问题描述】：

我在使用 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,
    );

);

【参考方案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);