Summernote lite 项目符号和编号列表未默认为自定义默认字体大小

Question

我正在测试 summernote 所见即所得编辑器，在我的 Django 实现中没有 bootstrap 的精简版。除了项目符号和数字大小之外，一切似乎都运行良好。当我的默认 fontSize 为 22 时，它们的默认大小似乎为 6。如下图所示，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 header 中使用默认库，如下所示：

<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 代码行，但这似乎没有帮助。提前感谢您的任何想法。

Answer 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 项目符号和编号列表未默认为自定义默认字体大小

Summernote lite bullet and number list not defaulting to custom default fontsize

javascript

django

wysiwyg

django-forms

summernote