Summernote编辑不显示滚动条

Question

我在bootstrap模式中使用summernote并按如下方式设置：

 $('.summernote').summernote({
     toolbar: [
        ['style', ['bold', 'italic', 'underline', 'clear','fontname']],
        ['color', ['color']],
        ['fontsize', ['fontsize']],
        ['height', ['height']],
        ['style', ['style']],
        ['para', ['ul', 'ol', 'paragraph']],  
        ['misc', ['fullscreen','undo','redo']],
        ['table', ['table']]
    ]
    }); 

问题是，当我将文本输入编辑区域并进入编辑区域底部以下时，不显示滚动条，如下所示：

如何显示滚动条并将文本限制在线条内？

Answer 1

Documentation for Summernote说：

  

height：String / Number（可选）

     

设置编辑器高度（例如300px）

     

默认为：null

所以，解决方案是：

$('.summernote').summernote({
    height: '300px',
    toolbar: [
        ['style', ['bold', 'italic', 'underline', 'clear','fontname']],
        ['color', ['color']],
        ['fontsize', ['fontsize']],
        ['height', ['height']],
        ['style', ['style']],
        ['para', ['ul', 'ol', 'paragraph']],  
        ['misc', ['fullscreen','undo','redo']],
        ['table', ['table']]
    ]
}); 

Answer 2

你可能想试试这个

.bootstrap-modal-selector {
   overflow-y:scroll;
}

Answer 3

我在CSS上使用它：

    .note-editable.panel-body {
            overflow-y: scroll;
    }

它对我有用