importReact,{useState}from'react';importMdEditor,{StaticTextDefaultValue}from'md-editor-rt';import'md-editor-rt/lib/style.css';constlanguageUserDefined:{'zh-NB':StaticTextDefaultValue}={'zh-NB':{toolbarTips:{bold:'加粗',underline:'下划线',italic:'斜体',strikeThrough:'删除线',title:'标题',s...
md-editor-rt是前段时间学习vue3时开发的一个vue3版本编辑器md-editor-v3的同系列项目,它是react版本的,因为vue3版本的也是使用tsx完成的,所以react版本的代码相差不大。 作者的博客前端内容是使用nextjs开发的,而内容管理又是使用vue开发的,提取编辑文章和内容渲染的功能形成了这个项目。 1. 预览 1.1 功能预览 ...
uiw/react-md-editor 加入Gitee 与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :) 免费加入 已有帐号?立即登录 master 克隆/下载 git config --global user.name userName git config --global user.email userEmail 分支20 标签158 ...
md-editor-rt是前段时间学习vue3时开发的一个vue3版本编辑器md-editor-v3的同系列项目,它是react版本的,因为vue3版本的也是使用tsx完成的,所以react版本的...
⚠️ Upgrade v2 to v3 d025430 npm install kateximport React from "react"; import MDEditor from '@uiw/react-md-editor'; import { getCodeString } from 'rehype-rewrite'; import katex from 'katex'; import 'katex/dist/katex.css'; const mdKaTeX = `This is to display the \`\$\$\c...
npm i @uiw/react-md-editor Using importReactfrom"react";importMDEditorfrom'@uiw/react-md-editor';exportdefaultfunctionApp(){const[value,setValue]=React.useState("**Hello world!!!**");return(<MDEditorvalue={value}onChange={setValue}/><MDEditor.Markdownsource={value}style={{whiteSpace:'pre...
yarn add @vavt/v3-extension For more ways to use or contribute, please refer to:md-editor-extension 💡 Usage Starting from4.0.0, internal components can be imported on-demand. ✍🏻 Display Editor importReact,{useState}from'react';import{MdEditor}from'md-editor-rt';import'md-editor-rt...
import React from 'react'; import MarkdownEditor from '@uiw/react-markdown-editor'; const mdStr = `# This is a H1 \n## This is a H2 \n### This is a H6`; function App() { return ( <MarkdownEditor.Markdown source={mdStr} height="200px" /> ); } export default App; Custo...
@uiw/react-md-editor: A simple markdown editor with preview, implemented with React.js and TypeScript. @uiw/react-monacoeditor: Monaco Editor component for React. @uiw/react-markdown-editor: A markdown editor with preview, implemented with React.js and TypeScript. ...
@uiw/react-monacoeditor: Monaco Editor component for React. @uiw/react-md-editor: A simple markdown editor with preview, implemented with React.js and TypeScript. @uiw/react-markdown-preview: React component preview markdown text in web browser. Contributors As always, thanks to our amazing ...