Question

我使用Summernote作为富文本编辑器，但minHeight和maxHeight初始化选项似乎没有效果？（它适用于height选项。）

我搜索了其他帖子但找不到具有完全相同问题的帖子。这是我的代码：

HTML：

<textarea id='summernote_editor' name='summernote_editor' class='summernote'></textarea>

JQUERY：

$(function() {
    $('.summernote').summernote( {
        minHeight: 200         // using maxHeight here instead, or both, has no effect either
    });
});

我使用的是Summernote的最新版本，在使用jQuery 1.11.1，Bootstrap 3.0.1和font awesome 4.0.3时，它在其他方面运行正常。在Chrome和IE10浏览器中进行了测试。

如果有人知道此问题的解决方法，请告诉我。

Answer 1

我认为有一个小错误，我需要修改核心库才能使其正常工作。请参阅下面的代码，其中添加了else if

if (options.height) {
    $editable.height(options.height);
} else if(options.maxHeight){ 
    $editable.css('max-height', options.maxHeight);
}

Answer 2

我能够通过CSS而不是JavaScript来实现这一点：

.my_summernote + .note-editor > .note-editable{
    min-height: 200px;
}

（然后将textarea设置为类“ my_summernote”。）

Summernote富文本编辑器：minHeight和maxHeight选项无效

2 个答案: