html - 如何操作 trix-editor 在连续输入 4 次后停止调整大小

Question

如何在 trix-editor 中调整 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>

这是视频附件的网址： 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