uiwjs / uiwjs/react-md-editor

How to properly re-render components textarea?

Open
#554 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
2.9k
Forks
201
Avg merge
12m
Merged PRs (30d)
1

Description

  1. How to use properly use MDEditor components textarea to re-render the default textarea? or is there any other approach to achieve things below?
  • add textarea ref to manually set focus whenever I need
  • handle some of the events like capture when the certain char is entered and do something depending on the next chars (something like auto completion search with extra popup)
  • allow adding image to textarea just by using ctrl+v (similar to github)
  1. Additionally, how to change markdown preview to work like in github comments: enter = new line?
    I know that I can add white-space: pre-wrap;, but it looks bad for lists (I checked in github comments and it seems that they are adding <br> for every new line and it is hidden in the writing text area). Any suggestions?

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the MDEditor components textarea usage and the markdown preview configuration mentioned in the issue. Determine whether the requested ref, event handling, paste-to-image behavior, and GitHub-style line breaks are supported; done means each requested behavior has a documented or implemented approach.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.