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

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'
         }
    }
}

类(class)将是:.max-h-four-lines