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

时间:2018-02-09 10:28:01

标签: javascript jquery html twitter-bootstrap summernote

我正在使用https://summernote.org/富文本编辑器。在bootstrap模式中放置了summernote编辑器。在模态节目中,使用下面的代码添加文本。

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

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

enter image description here

1 个答案:

答案 0 :(得分:0)

首先使用元素初始化您的Summernote。

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

然后尝试

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

如果&#39; text-field&#39;是等级,然后使用$('.text-field').summernote

如果&#39; text-field&#39;是id然后使用$('#text-field').summernote