Jquery 使froala编辑器的父div的高度可伸缩

Jquery 使froala编辑器的父div的高度可伸缩,jquery,css,froala,Jquery,Css,Froala,我正在使用froala 2.4.0内联编辑器来实现facebook类似帖子的功能。我在一个div中嵌入了froala编辑器,如下图所示。现在我想使父div可伸缩,即随着froala编辑器内容的变化而增长/收缩。带边框的框是父div,占位符线是froala内联编辑器。有什么方法可以做到这一点吗 到目前为止,我得到的是: $(函数(){ $(“#自定义后期提要文本”).FroalEditor({ 对,, 查克:错, 占位符文本:“分享你的想法…”, 工具栏按钮:[], 快速插入按钮:[] }) }

我正在使用froala 2.4.0内联编辑器来实现facebook类似帖子的功能。我在一个div中嵌入了froala编辑器,如下图所示。现在我想使父div可伸缩,即随着froala编辑器内容的变化而增长/收缩。带边框的框是父div,占位符线是froala内联编辑器。有什么方法可以做到这一点吗

到目前为止,我得到的是:

$(函数(){
$(“#自定义后期提要文本”).FroalEditor({
对,,
查克:错,
占位符文本:“分享你的想法…”,
工具栏按钮:[],
快速插入按钮:[]
})
});

+

Froala编辑器支持自动增长功能,您可以在其中设置
高度最小值
和m
高度最大值`并将随着用户类型自动增加高度。见文件


出于您的目的,如果父div没有任何用于
自定义后期提要文本区域的固定高度
它将自动增长

,我还想知道是否有任何可以使用的聚焦事件。一旦用户聚焦编辑器,我需要执行一些代码。正常的.focus()在这种情况下,jquery的函数不起作用。您是否尝试过autosize.js?除非您在某处设置了高度,否则div应该展开。我们可以看更多的代码或完整的实例吗?
$(function() {
  $('#custom-post-feed-text').froalaEditor({
    toolbarInline: true,
    charCounterCount: false,
    placeholderText: 'Share what\'s on your mind...',
    toolbarButtons: [],
    quickInsertButtons: []
    heightMin: 50,
    heightMax: 200
  })
});