先说说这个md-editor是咋回事。它基于React和Typescript开发，用了ByteMd编辑器引擎，样式管理用的是Less和CSS Module。功能方面，支持GFM、代码高亮、数学公式、Mermaid图表等等，还能本地存储数据和管理文档。简单来说，就是一个能让你舒舒服服写Markdown的工具。现在网上关于md-editor的报道，很多都夸大了它的功能和...
<editor v-model="text" pageFullScreen></editor> </template> import { defineComponent } from 'vue'; import Editor from 'md-editor-v3'; import 'md-editor-v3/lib/style.css'; export default defineComponent({ name: 'VueTemplateDemo', components: { Editor }, data() { return { text: '...
{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...
MDEditor初始化 id: 节点id minheight: 初始化编辑器高度 maxheight: 编辑器随着输入内容增多而变高,这个值是它的最大值 value: 默认编辑器中显示markdown内容 load 加载编辑器 mde.load() preview 默认展示预览界面 mde.preview() input 输入事件,在编辑器里面输入内容就会执行input方法 ...
欢迎使用 Markdown在线编辑器 MdEditor Markdown是一种轻量级的「标记语言」 Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面,
{{ item.title }} </ScrollContainer> <!-- 2.mode使用纯预览模式 这个也影响点击事件的处理--> <v-md-editor mode="preview" ref="mdEditorRef"></v-md-editor> <
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 ...
v-md-editor是基于 Vue 开发的 markdown 编辑器组件. 2. 依赖 {"dependencies":{@kangc/v-md-editor": "^2.3.15","codemirror":"^5.65.14","highlight.js":"^11.8.0","prismjs":"^1.29.0"}} main.js添加如下内容: // 预览组件以及样式importVMdPreviewfrom'@kangc/v-md-editor/lib/preview';...
@ant-design/md-editor 一个使用 dumi 开发的 React 库 用法 import React from 'react'; import { MarkdownEditor } from '@ant-design/md-editor'; export default () => { return ( <MarkdownEditor initValue={`## 创始人 腾讯,全称深圳市腾讯计算机系统有限公司,是由五位创始人共同创立的,他们是马...