腾讯开源了一款 Markdown 编辑器,易扩展、功能全,很好用!
点击关注公众号,Java干货及时送达👇
介绍
Cherry Markdown Editor 是一款 Javascript Markdown 编辑器,具有开箱即用、轻量简洁、易于扩展等特点. 它可以运行在浏览器或服务端(NodeJs).
开箱即用
开发者可以使用非常简单的方式调用并实例化 Cherry Markdown 编辑器,实例化的编辑器默认支持大部分常用的 markdown 语法(如标题、目录、流程图、公式等)。
易于拓展
当 Cherry Markdown 编辑器支持的语法不满足开发者需求时,可以快速的进行二次开发或功能扩展。同时,CherryMarkdown 编辑器应该由纯 JavaScript 实现,不应该依赖 angular、vue、react 等框架技术,框架只提供容器环境即可。
基于 Spring Boot + MyBatis Plus + Vue 3.2 + Vite + Element Plus 实现的前后端分离博客,包含后台管理系统,支持文章、分类、标签管理、仪表盘等功能。
GitHub 地址:https://github.com/weiwosuoai/WeBlog Gitee 地址:https://gitee.com/AllenJiang/WeBlog
特性
语法特性
图片缩放、对齐、引用 根据表格内容生成图表 字体颜色、字体大小 字体背景颜色、上标、下标 checklist 音视频
多种模式
双栏编辑预览模式(支持同步滚动) 纯预览模式 无工具栏模式(极简编辑模式) 移动端预览模式
功能特性
复制 Html 粘贴成 MD 语法 经典换行&常规换行 多光标编辑 图片尺寸 导出长图、pdf float toolbar 在新行行首支持快速工具栏 bubble toolbar 选中文字时联想出快速工具栏
功能截图
安装
通过 yarn
yarn add cherry-markdown
通过 npm
npm install cherry-markdown --save
如果需要开启 mermaid 画图、表格自动转图表功能,需要同时添加mermaid 与echarts包。
基于 Spring Boot + MyBatis Plus + Vue 3.2 + Vite + Element Plus 实现的前后端分离博客,包含后台管理系统,支持文章、分类、标签管理、仪表盘等功能。
GitHub 地址:https://github.com/weiwosuoai/WeBlog Gitee 地址:https://gitee.com/AllenJiang/WeBlog
目前Cherry推荐的插件版本为echarts@4.6.0
、mermaid@8.11.1
# 安装mermaid依赖开启mermaid画图功能
yarn add mermaid@8.11.1
# 安装echarts依赖开启表格自动转图表功能
yarn add echarts@4.6.0
开源地址
https://github.com/Tencent/cherry-markdown
推荐阅读
前后端分离,开源的 Spring Boot + Vue 3.2 的博客,泰裤辣!
SpringBoot 集成 Camunda 流程引擎,实现一套完整的业务流程
ES 和 Clickhouse 查询能力对比,实践结果根本料不到……
最近面试BAT,整理一份面试资料《Java面试BATJ通关手册》,覆盖了Java核心技术、JVM、Java并发、SSM、微服务、数据库、数据结构等等。
获取方式:点“在看”,关注公众号并回复 Java 领取,更多内容陆续奉上。