SummernoteInplaceWidget无法正常工作-summernote-lite

Question

我最近发现并喜欢Summernote。我在django安装中使用它时遇到了一个问题，SummernoteWidget可以工作，而SummernoteInplaceWidget却不能。当我使用SummernoteWidget时，数据会按预期出现在编辑器中，但是当我使用SummernoteInplaceWidget时会出现空白屏幕。感谢您的任何想法。我的代码...

我正在使用不带引导程序的Summernote-Lite，并且正在使用最新版本0.8.9

  <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>

settings.py中的我的Summernote_Config

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'],
},
}

我的CSS ...

.editor {
  font-size: 18px;
  margin-left: 24.4rem;
}

forms.py中我的窗口小部件引用。

widgets = {
   'book': SummernoteInplaceWidget(),
}

编辑器渲染，但是我只是得到一个空白屏幕...

如果我改用SummernoteWidget，则

widgets = {
   'book': SummernoteWidget(),
}

我的CSS ......

.editor {
  font-size: 18px;
  margin-left: 24.4rem;
}

我在期望的屏幕上获取了数据，但是字体大小设置不符合如下所示。

关于这是错误还是我做错了什么的任何想法是完全可能的？预先感谢您的任何想法。