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

Posted 2023-03-22

【中文标题】summernote 富编辑器文本区域高度变为零

【英文标题】：summernote rich editor text area height become zero

【发布时间】：2018-07-20 02:26:34

【问题描述】：

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

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

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

【问题讨论】：

我遇到同样的问题...你解决了吗？

以下答案对我有用

【参考方案1】：

首先用元素初始化你的 Summernote。

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

然后试试

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

如果“文本字段”是类，则使用$('.text-field').summernote。

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