# 调整默认 Composer 高度

**URL:** <https://meta.discourse.org/t/adjusting-default-composer-height/358504>\
**Category:** Administrators\
**Tags:** composer, customization\
**Created:** [2025年三月23日 16:08 UTC](https://meta.discourse.org/t/adjusting-default-composer-height/358504 "2025-03-23T16:08:17Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [2025年三月23日 16:08 UTC](https://meta.discourse.org/t/adjusting-default-composer-height/358504/1 "2025-03-23T16:08:17Z")

</div>

> 🔖 本指南介绍如何在 Discourse 中自定义创建新主题或回复时的默认编辑器高度。
> 
> 🙋 所需用户级别：管理员或主题开发者

## 概述

Discourse 允许您自定义用户创建新主题或回复现有主题时的默认编辑器高度。通过根据您社区的需求提供更舒适的编辑空间，这可以改善用户体验。

## 设置自定义编辑器高度

Discourse 提供了两个 CSS 自定义属性来控制默认编辑器高度：

- `--reply-composer-height`  
控制回复主题时的初始高度

- `--new-topic-composer-height`  
控制创建新主题时的初始高度

要修改这些值，请将以下 CSS 添加到您的主题中：

```css
:root {
    --reply-composer-height: 255px;
    --new-topic-composer-height: 400px;
}

```

调整像素值以满足您的具体要求。上面显示的默认值仅为示例。

## 用户偏好设置

ℹ 这些 CSS 更改仅影响初始默认高度。如果用户通过拖动句柄手动调整编辑器大小，Discourse 将记住他们未来会话的首选高度设置。用户偏好设置始终优先于这些默认值。

## 在哪里添加此代码

推荐的方法是创建一个新的主题组件来应用这些更改。您可以遵循[在您的网站上进行自定义 CSS 更改的指南](https://meta.discourse.org/t/making-custom-css-changes-on-your-site/168101)。

## 测试您的更改

应用这些更改后，创建一个新主题并回复一个现有主题，以验证编辑器是否以您期望的高度显示。

---

_[View the full topic](https://meta.discourse.org/t/adjusting-default-composer-height/358504)._