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