调整默认 Composer 高度

:bookmark: 本指南介绍如何在 Discourse 中自定义创建新主题或回复时的默认编辑器高度。

:person_raising_hand: 所需用户级别:管理员或主题开发者

概述

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

设置自定义编辑器高度

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

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

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

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

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

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

用户偏好设置

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

在哪里添加此代码

推荐的方法是创建一个新的主题组件来应用这些更改。您可以遵循在您的网站上进行自定义 CSS 更改的指南

测试您的更改

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

7 个赞