summernote富编辑器文本区域高度变为零

Question

我正在使用 https://summernote.org/ 富文本编辑器。将 summernote 编辑器放置在 bootstrap 模态中。在模态显示中，使用以下代码添加文本。

var text = "<p>Hello</p>";
$('text-field').summernote('code',text);

问题: 有时它会改变 '.note-toolbar-wrapper' class 高度变为零。看起来像这样。

Answer 1

首先用element初始化你的Summernote。

 $('your-element').summernote({
     height: 100
 });

然后尝试

var text = "<p>Hello</p>";
$('your-element').summernote('code',text);

如果 'text-field' 是 class 则使用 $('.text-field').summernote.

如果 'text-field' 是 id 则使用 $('#text-field').summernote.

summernote rich editor text area height become zero