腾讯开源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

相关推荐

  • Spacedesk 屏幕扩展程序

    一、概述 spacedesk 是一款可以将你的设备作为额外的显示器的工具。通过这款软件,用户可以轻松地将 Windows 电脑作为主机,安卓和 iOS 设备作为扩展显示器。以下是详细的安装和使用步骤。 二、Windows(主机)端安装与设置 1. 下载并安装 spacedesk 驱动 2. 配置 Windows 主机 3. 设置显示扩展 三、安卓(从机/扩展…

    2025年1月21日
    34500
  • SVN搭建

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

    2023年3月23日
    88300
  • ChatGPT 本地部署及搭建

    第一步,本地安装 Python 这一步暂略,可以自行下载安装 Python 环境。 Python 下载地址:Download Python | Python.org 注意:安装 >9 以上版本,建议安装 10。 第二步,下载项目程序包 地址见上面的项目地址,直接下载下来并解压。我这里解压到 E:\chatGPT\ 下。 第三步,下载模型包 chat…

    2023年5月23日
    92800
  • postman中级使用教程

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

    2023年1月5日
    1.4K00
  • 手把手教你搭建自己的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日
    1.0K00

发表回复

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

在线咨询: QQ交谈

邮件:712342017@qq.com

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

关注微信