我如何操作矩阵编辑器在连续按下回车键4次后停止调整大小

Question

如何在trix编辑器中调整css，以便我可以更改其样式，在按enter键几次后，它将停止调整大小。

<div class="bg-white flex flex-wrap self-end items-center w-full text-xl">
<!--    <input type="text" class="flex-auto appearance-none text-base p-2" placeholder="Write a message..."> -->
<VueTrix class="flex-auto appearance-none text-base p-2" @keypress.enter="sendMessage" v-model="editorContent" plloreaceholder="Press shift + enter to send your message" localStoragem ipsum/>
</div>

这是视频附件的url：https://cdn.discordapp.com/attachments/496820557627654174/646552238126399489/Blacktrail_-_Chat_Feature_-_Google_Chrome_2019-11-20_11-23-51.mp4

Answer 1

我的建议是：在tailwind.config.js中配置一个自定义的maxHeight

// tailwind.config.js
module.exports = {
theme: {
maxHeight: {
'four-lines': '96px'
}
}
}

类别为：.max-h-four-lines