react-md-editor icon indicating copy to clipboard operation
react-md-editor copied to clipboard

Double quotes("), Ampersand(&), Less Than(<) mark are not outputting correctly in the input area.

Open GitHWS opened this issue 2 years ago • 3 comments

Hello, I'm using react-md-editor to create a markdown editor in the React and TypeScript.

This is my dependency:

"dependencies": {
    "@uiw/react-md-editor": "^3.20.5",
    "lodash": "^4.17.21",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-hook-form": "^7.43.5",
    "react-router-dom": "^6.9.0",
    "rehype": "^12.0.1",
    "rehype-rewrite": "^3.0.6",
    "styled-components": "^5.3.8",
    "styled-reset": "^4.4.5"
  },
  "devDependencies": {
    "@types/lodash": "^4.14.191",
    "@types/react": "^18.0.27",
    "@types/react-dom": "^18.0.10",
    "@types/styled-components": "^5.1.26",
    "@vitejs/plugin-react": "^3.1.0",
    "typescript": "^4.9.3",
    "vite": "^4.1.0"
  }

when I write ", &, < in the input area, it will look like the image below.

image

But in the preview, the output is normal.

image

And when I select this text, it is displayed correctly.

select text

I think I saw a similar issue. maybe #318

How can I fix the problem with the input area?

GitHWS avatar Mar 28 '23 07:03 GitHWS

@GitHWS This may be caused by style conflicts.

jaywcjlove avatar Mar 28 '23 09:03 jaywcjlove

Hi. I am having the same problem. Please let me know if you find a solution.

RuiHirano avatar Apr 13 '23 04:04 RuiHirano

I reproduced this error. Should have fixed it. @RuiHirano @GitHWS

Upgrade v3.20.8

jaywcjlove avatar Apr 13 '23 16:04 jaywcjlove