目标
我们一直在通过一些小型准备工作来逐步推进,例如移动预览切换按钮、集成 AI 建议、在工具栏中添加 GIF 动图,现在我们已经准备好尝试更大的改动,该改动目前作为实验性的即将推出的功能可供试用。
我们的主要目标是:
-
根据我们现代化整体外观和感觉的一般性变更,更新编辑器(Composer)
-
改善移动端编辑体验
我们非常希望您在功能进一步推广之前,协助我们进行测试。
如何试用
- 前往 Admin(管理员)→ Upcoming Changes(即将推出的变更),路径为
/admin/config/upcoming-changes - 找到 Composer redesign(编辑器重新设计)并启用它
- 打开编辑器(回复、新话题或新私信),并在桌面端和移动端上试用一番
您可以随时在同一位置将其关闭。在这里,您可以加入 Meta 上的新测试用户组 composer-testers。
我们特别需要来自运行自定义编辑器主题组件或插件的用户的反馈——此次重新设计不仅改变了样式,还略微调整了编辑器的结构。下文将详细介绍。
变更内容
布局与结构
通用
- 标题已整合到内容中,使其看起来更像文档标题(Notion 用户对此应该很熟悉)
- 工具栏已移至底部。这需要一点肌肉记忆的调整(前几天这也让我很烦恼
) - 重新设计了类别和标签输入框(包括标签图标和极简的选择显示)
- 减少边框,营造更宽敞的感觉
Markdown
- 标题、类别和标签现在位于编辑器 + 预览窗格上方的全宽元数据区域,而不再局限于左侧栏。
移动端
改善移动端体验是本项目的一个主要驱动因素。多年来,Meta 上关于此问题有很多合理的投诉 [1] [2] [3]。
为了增加编辑时的可用空间,我们正在尝试一种可扩展的编辑器:当获得焦点时,它会向上滑动,覆盖编辑器字段,并在编辑器保持焦点时保持展开状态。这适用于创建新话题或新私信,不适用于回复。
这将使可用的写作空间增加一倍以上,从 103 像素增加到 212 像素(在我的设备上测试的结果——实际结果可能因设备而异)。
其他
- 新布局中移除了工具栏切换按钮
- 向下滑动以关闭键盘并将编辑器折叠回正常状态
- 选中的标签仅在打开菜单时可见。图标会变色以指示已做出选择。
反馈
这仍然处于高度实验阶段,我主要想了解它在 Foundation 主题的标准屏幕尺寸(桌面端和移动端)上的表现。平板设备、折叠屏手机、其他主题等尚未进行优化。
呼叫主题和插件作者 
如果您连接到编辑器插件出口(outlets)或自定义编辑器样式,请在启用重新设计的情况下进行测试。DOM 结构已发生变动,某些自定义内容可能需要调整:
- 编辑器字段块现在渲染为编辑器容器的全宽子元素,不再位于编辑器的文本列内
- 注入到
composer-fields出口的内容现在出现在标题上方(在类别/标签组和标题之间),且为全宽 - 标题字段渲染为单独的一行,与类别/标签簇分离,并位于其下方而非上方
没有重命名或移除任何出口(尽管以后可能会为了语义调整而进行更改)——您的连接器仍将正常工作。改变的是您的内容渲染的位置和宽度。
如果您发现主题或插件中的任何内容损坏,请在此回复,说明组件/插件名称并附上截图。这正是此测试阶段所需要的反馈。
设计 
以下是一些我自己也在犹豫的具体权衡或设计决策,希望能听到一些意见。当然,其他方面的反馈也欢迎。
A) 为什么标题输入框这么大?
想法是将其尺寸调得比手动添加的 H1 更大,以确保它在文档中始终在视觉上呈现为标题。有时我看着它觉得“太丑了”,有时又觉得“嗯,这样挺好用”。
另一个想法是稍微缩小现有标题的尺寸,以达到同样的效果。
B) 隐藏标签是否是个问题…
……在移动端(为类别留出更多空间)的权衡是否值得?
如果是,为什么?
C) 可扩展编辑器的动画在您的设备上表现如何?
是卡顿严重?还可以?有所改进?是否有其他想法或调整建议以使其更好?
D) AI 建议标题按钮呢?
我自己不太喜欢它孤零零地浮在那里的样子。其他人(使用它的人)感觉如何?非常乐意听取设计方面的想法。
感谢大家帮助我们在这项功能更广泛发布之前将其完善。![]()




