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

，可以通过以下方法实现：

使用CSS中的flexbox布局：将父div设置为flex容器，然后设置flex属性为1，这样父div的高度会自动根据内容的多少进行伸缩。示例代码如下：

.parent-div {
  display: flex;
  flex: 1;
}

使用JavaScript动态计算高度：通过监听编辑器内容的变化，动态计算父div的高度并设置。可以使用JavaScript中的MutationObserver来监听内容变化，然后根据内容的高度来设置父div的高度。示例代码如下：

// 获取父div和编辑器元素
var parentDiv = document.getElementById('parent-div');
var editor = new FroalaEditor('#editor');

// 创建MutationObserver实例
var observer = new MutationObserver(function(mutations) {
  // 计算编辑器内容的高度
  var contentHeight = editor.$el[0].scrollHeight;
  // 设置父div的高度
  parentDiv.style.height = contentHeight + 'px';
});

// 监听编辑器内容变化
observer.observe(editor.$el[0], { childList: true, subtree: true });

以上方法可以使froala编辑器的父div的高度根据内容的多少进行伸缩，从而实现自适应的效果。

关于froala编辑器，它是一款功能强大的富文本编辑器，具有丰富的编辑功能和可定制性。它适用于各种场景，如博客编辑、内容管理系统、电子商务平台等。腾讯云提供了云服务器（CVM）和云数据库（CDB）等产品，可以用于部署和存储froala编辑器相关的应用。您可以访问腾讯云官网了解更多关于这些产品的信息：腾讯云产品介绍。