importReact,{useState}from'react';importEditorfrom'md-editor-rt';import'./index.less';exportdefault()=>{const[md]=useState('# title');// 仅预览模式只需提供md文本而不会改变文本return<EditoreditorId="article-content"theme="dar
import{ defineComponent, reactive }from'vue';importEditorfrom'md-editor-v3';import'md-editor-v3/lib/style.css';importhljsfrom'highlight.js';import'highlight.js/styles/atom-one-dark.css';exportdefaultdefineComponent({ setup() {constmd = reactive({text:'default markdown content'});return()=>...
{MdPreview,MdCatalog}from'md-editor-rt';import'md-editor-rt/lib/preview.css';constscrollElement=document.documentElement;exportdefault()=>{const[text]=useState('# Hello Editor');const[id]=useState('preview-only');return(<><MdPreviewid={id}modelValue={text}/><MdCatalogeditorId={id}scroll...
import { config } from 'md-editor-v3'; config({ editorConfig: { // 语言 languageUserDefined: { lang: StaticTextDefaultValue }, // mermaid模板 mermaidTemplate: { flow: `flow tempalte`, ...more }, // 输入渲染延迟,默认500ms。当仅预览模式时,未设置此项默认0ms renderDelay: 500, // ...
md-editor-rt是一个react markdown编辑框架。 import{ useState }from"react";import{MdEditor}from"md-editor-rt";import"md-editor-rt/lib/style.css";exportdefault() => {const[text, setText] =useState("# Hello Editor");return<MdEditormodelValue={text}onChange={setText}/>; ...
{MdPreview,MdCatalog}from'md-editor-rt';import'md-editor-rt/lib/preview.css';constscrollElement=document.documentElement;exportdefault()=>{const[text]=useState('# Hello Editor');const[id]=useState('preview-only');return(<><MdPreviewid={id}modelValue={text}/><MdCatalogeditorId={id}scroll...
md-editor-rt是前段时间学习vue3时开发的一个vue3版本编辑器md-editor-v3的同系列项目,它是react版本的,因为vue3版本的也是使用tsx完成的,所以react版本的...
🎄 md-editor-v3 English| 中文 vue3 环境的 Markdown 编辑器,使用jsx和typescript语法开发,支持在 tsx 项目使用。 文档与在线预览:传送门 在线尝试示例:传送门 同系列react版本:md-editor-rt ⭐️ 功能一览 快捷插入内容工具栏、编辑器浏览器全屏、页面内全屏等; ...
之间 关注作者注册登录 赞1收藏1 分享 阅读6.2k发布于2021-08-02 之间 14声望2粉丝 « 上一篇 在vue3中的markdown编辑器md-editor-v3,支持tsx,暗黑模式 下一篇 » react版本markdown编辑器md-editor-rt,支持ssr 引用和评论
"md-editor-rt provides a Markdown editor for React, developed in jsx and typescript. It offers built-in themes, a toolbar, shortcut keys, image upload, clipping and more."📊 StatisticsSocial Media Links Github imzbf/md-editor-rt 378 ⬆️ Latest commit: 5 days ago 📦️ Latest...