proselog/proselog

Editor improvements

Open

#46 opened on Apr 18, 2022

View on GitHub
 (0 comments) (0 reactions) (0 assignees)TypeScript (148 stars) (24 forks)user submission
help wanted

Description

  • Allow to upload image in post editor (drop image)
  • Markdown syntax highlighting
  • Toolbar to make text bold, italic etc (like the github comment box)
  • Allow to preview the post

Contributor guide

Tech stack
typescript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
TypeScript knowledgeFamiliarity with editor componentsMarkdown parsing basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Examine the existing editor code under src/components/Editor to understand the current structure and how the markdown syntax highlighting was implemented. Add a toolbar component with buttons for bold, italic, and other formatting that inserts the appropriate markdown syntax at the cursor position. Implement a preview toggle that renders the markdown content using a library like marked or similar. Ensure the preview updates in real time as the user types.
Editor improvements · proselog/proselog#46 | Good First Issue