npm install react-simple-code-editororyarn add react-simple-code-editorUsageYou need to use the editor with a third party library which provides syntax highlighting. For example, it'll look like following with prismjs:import React from 'react'; import Editor from 'react-simple-code-editor'; ...
react-simple-code-editor.github.io/react-simple-code-editor How it works It works by overlaying a syntax highlighted <pre> block over a <textarea>. When you type, select, copy text etc., you interact with the underlying <textarea>, so the experience feels native. This is a very simple...
react-simple-code-editor.github.io/react-simple-code-editor How it works It works by overlaying a syntax highlighted<pre>block over a<textarea>. When you type, select, copy text etc., you interact with the underlying<textarea>, so the experience feels native. This is a very simple approa...
react-simple-code-editor / react-simple-code-editor Public Notifications Fork 169 Star 1.6k Code Issues 37 Pull requests 10 Actions Projects Security Insights Issues: react-simple-code-editor/react-simple-code-editorLabels 15 Milestones 0 ...
"react-router-dom": "^6.24.1", "react-runner": "^1.0.5", "react-simple-code-editor": "^0.13.1", "react-simple-code-editor": "^0.14.1", "recast": "^0.23.9", "rimraf": "^5.0.7", "rxjs": "^7.8.1", 14 changes: 7 additions & 7 deletions 14 pnpm-lock.yaml Load diff...
Assignees No one assigned Labels bug regression typescript Projects None yet Milestone No milestone Development Successfully merging a pull request may close this issue. Fix padding type regression oliviertassinari/react-simple-code-editor 2 participants ...
react-simple-code-editor / react-simple-code-editor Public Notifications Fork 169 Star 1.6k Code Issues 37 Pull requests 10 Actions Projects Security Insights Issues: react-simple-code-editor/react-simple-code-editorLabels 15 Milestones 0 ...