腾讯开源Markdown 编辑器

介绍

Cherry Markdown Editor 是一款 Javascript Markdown 编辑器,具有开箱即用、轻量简洁、易于扩展等特点. 它可以运行在浏览器或服务端(NodeJs).

开箱即用

开发者可以使用非常简单的方式调用并实例化 Cherry Markdown 编辑器,实例化的编辑器默认支持大部分常用的 markdown 语法(如标题、目录、流程图、公式等)。

易于拓展

当 Cherry Markdown 编辑器支持的语法不满足开发者需求时,可以快速的进行二次开发或功能扩展。同时,CherryMarkdown 编辑器应该由纯 JavaScript 实现,不应该依赖 angular、vue、react 等框架技术,框架只提供容器环境即可。

特性

语法特性

  • 图片缩放、对齐、引用
  • 根据表格内容生成图表
  • 字体颜色、字体大小
  • 字体背景颜色、上标、下标
  • checklist
  • 音视频

多种模式

  • 双栏编辑预览模式(支持同步滚动)
  • 纯预览模式
  • 无工具栏模式(极简编辑模式)
  • 移动端预览模式

功能特性

  • 复制 Html 粘贴成 MD 语法
  • 经典换行&常规换行
  • 多光标编辑
  • 图片尺寸
  • 导出长图、pdf
  • float toolbar 在新行行首支持快速工具栏
  • bubble toolbar 选中文字时联想出快速工具栏

功能截图

腾讯开源Markdown 编辑器

列表

腾讯开源Markdown 编辑器

代码块

腾讯开源Markdown 编辑器

公式

腾讯开源Markdown 编辑器

画图

腾讯开源Markdown 编辑器

画图

安装

通过 yarn

yarn add cherry-markdown

通过 npm

npm install cherry-markdown --save

如果需要开启 mermaid 画图、表格自动转图表功能,需要同时添加mermaid 与echarts包。

目前Cherry推荐的插件版本为echarts@4.6.0mermaid@8.11.1

# 安装mermaid依赖开启mermaid画图功能
yarn add mermaid@8.11.1
# 安装echarts依赖开启表格自动转图表功能
yarn add echarts@4.6.0

开源地址

  • https://github.com/Tencent/cherry-markdown

文章来源:https://www.cnaaa.net,转载请注明出处:https://www.cnaaa.net/archives/9478

(0)
郭靖的头像郭靖
上一篇 2023年8月8日 下午5:12
下一篇 2023年8月9日 下午3:51

相关推荐

  • 手把手教你搭建自己的Minecraft服务器

    一、准备工作 1、一台用于部署Minecraft的服务器,这里建议购买4核 8G 160G 20M,并安装Ubuntu系统,下图是Minecraft官方建议的服务器配置。 需求 玩家 CPU 内存 硬盘 上传带宽 下载带宽 [隐藏]注释 最低配置 1-2 Intel Pentium 4 1.8 GHz 或 AMD Athlon XP 1600+ 或…

    2024年1月30日
    34400
  • midjourney人工智能绘图小白使用攻略

    这段时间以来,各种用Midjourney生成的神图层出不穷,国足夺冠、特朗普插秧、教皇打碟、异形下乡……只要你敢想AI就敢画,而且随便拿出一张都能做到以假乱真的程度。但可能有创作的伪照片过于真实,引起了太多争议,太多新用户涌入导致服务器不堪重负,Midjourney宣布关闭了其免费账户的使用通道。 midjourney归属于DISCORD,是一个聊天室网站,…

    2023年4月23日
    35400
  • SVN搭建

    安装subversion 创建svn的仓库 给db目录777权限,避免后期客户端无法连接服务器 配置文件 1.修改svnserve.conf文件 释放这五个参数的注释,并修改参数 2.添加用户名密码 3.修改登录用户的权限 添加参数 启动svn服务 可以使用 ps -ef|grep svn 查看服务是否启动成功 使用 svn官网下载客户端 https://t…

    2023年3月23日
    34500
  • postman中级使用教程

    首先介绍一个转中文版的方式,GitHub链接:github.com/hlmd/Postma… 全局变量和环境变量 新建环境变量 定义好的全局变量和环境变量,可以在接口中进行引用。 接口关联 实际上也是利用全局变量 编写测试脚本 预请求脚本和测试脚本都可以写js代码,他们的区别是,预请求脚本是在发送请求之前运行的,而测试脚本是在发送完毕后运行的。 在测试脚本中…

    2023年1月5日
    71000
  • IntelliJ IDEA快捷键大全

    一、构建/编译 Ctrl + F9:构建项目 该快捷键,等同于菜单【Build】—>【Build Project】 执行该命令后,IntelliJ IDEA 会编译项目中所有类,并将编译结果输出到out目录中。IntelliJ IDEA 支持增量构建,会在上次构建的基础上,仅编译修改的类。 Ctrl + Shift + F9:重新编译当前类 该快捷键,…

    2023年8月8日
    30500

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

在线咨询: QQ交谈

邮件:712342017@qq.com

工作时间:周一至周五,8:30-17:30,节假日休息

关注微信