自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

原创 react版本markdown编辑器md-editor-rt,支持ssr

md-editor-rt是前段时间学习vue3时开发的一个vue3版本编辑器md-editor-v3的同系列项目,它是react版本的,因为vue3版本的也是使用tsx完成的,所以react版本的代码相差不大。作者的博客前端内容是使用nextjs开发的,而内容管理又是使用vue开发的,提取编辑文章和内容渲染的功能形成了这个项目。1. 预览1.1 功能预览快捷插入内容工具栏、编辑器浏览器全屏、页面内全屏等;内置的白色主题和暗黑主题,支持绑定切换;支持快捷键插入内容;支持使用 prettie

2021-08-13 17:09:37 831

原创 在 vue3 中使用 markdown 编辑器 md-editor-v3

本文将介绍编辑器的使用和伴随的某些开发技巧。该编辑器支持的功能有:基础的md编辑、md语法快捷键、记录保存、暗黑主题、图片上传/复制图片上传/裁剪图片上传、格式化内容、浏览器全屏/屏幕全屏、仅预览模式等功能,静待使用。详细的编辑器api参考:文档。图片裁剪预览编辑器预览1. 基本使用这里演示两种环境三种写法:1.1 npm安装用法这种方式支持两种写法,除了.vue模板写法,还有jsx语法。安装yarn add md-editor-v3.vue模板基础使用<tem

2021-08-02 15:34:33 5339 23

原创 在vue3中的markdown编辑器md-editor-v3,支持tsx,暗黑模式

开发背景这一切都源于在开发vue3-admin的demo内容时,没有合适的编辑器组件。说明仅支持 vue3 项目下使用,使用 jsx 语法开发,支持在 tsx 项目使用。为了减小插入,没有使用less.modifyVars方法来切换主题,而采用了替换 class 名称的方式。代码仓库:md-editor-v3功能一览快捷插入内容工具栏、编辑器浏览器全屏、页面内全屏等;内置的白色主题和暗黑主题,支持绑定切换;支持快捷键插入内容;支持使用 prettier 格式化内容(使用 CDN 方式引入

2021-07-15 17:00:01 1900 6

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除