Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

semmelei: News Post editor toolbar and live preview

Aperta
#83 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
55/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
typescript
Ambito
frontend

Direzione di ricerca

Start from the admin News Post editor and find the existing NewsPostBody component used by /news. Check the project’s i18n rules and frontend checks before adding the toolbar, live preview, and responsive editor and preview views. Done means toolbar actions work with and without selected text, the preview updates through NewsPostBody, and the wide screen and phone layouts meet the acceptance criteria.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

ready-for-agent

Parent

#77

What to build

The News Post editor gets a small Markdown toolbar and a live preview, so Admins don't need to know Markdown and see exactly what customers will see.

Toolbar: bold, italic, heading, list, link. Each wraps the selected text, or inserts a placeholder when nothing is selected. Plain textarea, no editor library (no Monaco, no CodeMirror).

Preview: rendered with the same NewsPostBody component as /news, live while typing. Side by side with the editor on wide screens; two tabs (editor / preview) on a phone.

Acceptance criteria

  • Each toolbar button wraps the selection, or inserts a placeholder without a selection (checked by hand)
  • Preview renders through NewsPostBody and updates live
  • Side by side on wide screens, tabs on a phone (checked by hand)
  • i18n rules followed; frontend checks green
Lingua principale
TypeScript
Stelle
0
Fork
1
Merge medio
10h 56m
PR unite (30g)
34

Preparare l'ambiente

Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di myOmikron/code

Tutte le issue di myOmikron/code

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.