Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Rich text editor: list items have no gap but are spaced out on the page

未关闭 适合新手
#2,822 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

还没有人认领这个 Issue。

评估

难度
2/5
预计耗时
1-3 小时
新手友好度
82/100
Issue 类型
缺陷
描述清晰度
描述清楚
活跃度
活跃
技术栈
css, rails, ruby
领域
frontend

调研方向

从 app/frontend/javascript/rhino/custom-editor.css 以及 issue #2821 中为顶层段落添加的间距着手。将编辑器样式与 app/views/layouts/action_text/contents/_content.html.erb 中使用的正文间距进行比较,然后检查列表项和块引用。编辑器中的列表间距与已发布页面一致时即完成。

由索引模型根据 Issue 内容生成。

描述

🤖 From Claude:

List items have no gap in the rich text editor but are spaced out on the published page, so the editor doesn't show what readers will see.

  • Cause: Rhino's trix.css sets .trix-content p { margin: 0 }; list items wrap their text in <p>, so the editor drops prose's list spacing.
  • Page: the rendered body uses prose (app/views/layouts/action_text/contents/_content.html.erb), which spaces li > p.
  • Example fix: #2821 did the same for top-level paragraphs in app/frontend/javascript/rhino/custom-editor.css; extend it to list items (and check blockquotes) using prose's values.
主要语言
Ruby
星标
15
派生
28
平均合并
1 天 12 分钟
30 天内合并 PR
262

环境准备

在 Codespaces 中打开

在浏览器里用你自己的 GitHub 账号启动这个项目的开发容器。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

rubyforgood/awbw 的其他 Issue

查看 rubyforgood/awbw 的全部 Issue

相似的 Issue

更多 Ruby Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。