A simple code editor with syntax highlighting. Contribute to uiwjs/react-textarea-code-editor development by creating an account on GitHub.
Textarea component. Latest version: 4.22.3, last published: a year ago. Start using @uiw/react-textarea in your project by running `npm i @uiw/react-textarea`. There is 1 other project in the npm registry using @uiw/react-textarea.
react-md-editor🔥🔥🔥#homepage react-textarea-code-editor🔥🔥#homepage react-markdown-editor🔥#homepage react-markdown-preview🔥🔥#homepage react-markdown-preview-example#homepage react-json-view🔥#homepage react-signature#homepage ...
高品质的UI工具包,React 16+的组件库。 JavaScript 20 94 21 react-md-editor 轻量级具有预览功能的 Markdown 编辑器,基于Textarea 封装,不依赖第三方编辑器,使用 React.js 和 TypeScript 实现。 TypeScript 9 64 14 react-baidu-map 这是一个基于 React 封装的百度地图组件,帮助你轻松的接入地图到 React 项...
@uiw/react-md-editor A simple markdown editor with preview, implemented with React.js and TypeScript. This React Component aims to provide a simple Markdown editor with syntax highlighting support. This is based ontextareaencapsulation, so it does not depend on any modern code editors such as...
importMarkdownEditorfrom'@uiw/react-markdown-editor'; consttitle2={ name:'title2', keyCommand:'title2', button:{'aria-label':'Add title text'}, icon:( <svgwidth="12"height="12"viewBox="0 0 512 512"> <pathfill="currentColor"d="M496 80V48c0-8.837-7.163-16-16-16H320c-8.837 ...
extensions={[EditorView.editable.of(false), EditorState.readOnly.of(true)]} /> </CodeMirrorMerge> ); }; Support Hook import{ useEffect, useMemo, useRef }from'react';import{ useCodeMirror }from'@uiw/react-codemirror';import{ javascript }from'@codemirror/lang-javascript';constcode ="console....
31 import CodeMirror from '@uiw/react-codemirror'; 32 import 'codemirror/keymap/sublime'; 33 import 'codemirror/theme/monokai.css'; 34 35 const code = 'const a = 0;'; 36 37 <CodeMirror 38 value={code} 39 options={{ ...
npm install @uiw/react-codemirror --save Usageimport CodeMirror from '@uiw/react-codemirror'; import 'codemirror/keymap/sublime'; import 'codemirror/theme/monokai.css'; const code = 'const a = 0;'; <CodeMirror value={code} options={{ theme: 'monokai', keyMap: 'sublime', mode: 'jsx',...
@uiw/react-md-editor: A simple markdown editor with preview, implemented with React.js and TypeScript. @uiw/react-textarea-code-editor: A simple code editor with syntax highlighting. @uiw/react-codemirror: CodeMirror component for React. @codemirror ...