Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン 初心者向け
  • 何か問題がありますか？
#2,822 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
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分
マージ済み PR（30日）
262

環境構築

Codespaces で開く

このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

rubyforgood/awbw のほかの issue

rubyforgood/awbw の issue をすべて見る

似ている issue

Ruby の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。