博客
关于我
DAY01_CSDN-markdown编辑器的使用
阅读量:732 次
发布时间:2019-03-21

本文共 1722 字,大约阅读时间需要 5 分钟。

Markdown编辑器功能详解

随着��.TextBox]

1. 新增功能

1.1 界面设计

我们全新设计了界面,旨在为您带来更流畅的写作体验,简化操作步骤,提升编辑效率。

1.2 代码片高亮

建议您在编辑过程中设置个人喜好的代码片高亮样式,默认将代码片自动使用您选定的高亮风格展示。

1.3 照片拖拽

支持将本地图片直接拖拽至编辑区域,图片将自动嵌入至文档中。

1.4 KaTeX数学公式

支持渲染LaTeX数学公式,希望您能在文档中方便地展示复杂的数学表达式。

1.5 甘特图语法

我们引入Mermaid语法,使您能在文档中嵌入甘特图,轻松展示项目进度。

1.6 UML图表

支持使用Mermaid语法渲染UML图表,涵盖流程图、顺序图等多种形式。

1.7 Flowchart流程图

我们依然支持流程图语法,您可以在文档中轻松添加流程图结构。

2. 功能快捷键

以下是关键操作的快捷键设置:

  • 撤销(撤销所有改动):Ctrl/Command + Z
  • 重做:Ctrl/Command + Y
  • 加粗:Ctrl/Command + B
  • 取消加粗:Ctrl/Command + B yet again
  • 斜体:Ctrl/Command + I
  • 标题设置:Ctrl/Command + Shift + H
  • 无序列表:Ctrl/Command + Shift + U
  • 有序列表:Ctrl/Command + Shift + O
  • 检查列表:Ctrl/Command + Shift + C
  • 插入代码:Ctrl/Command + Shift + K
  • 插入链接:Ctrl/Command + Shift + L
  • 插入图片:Ctrl/Command + Shift + G
  • 查找:Ctrl/Command + F
  • 替换:Ctrl/Command + G

3. 标题与目录生成

为了帮助生成目录结构,建议:

  • 输入一个#后按Enter将生成一级标题
  • 输入两个#生成二级标题,以此类推。我们支持到六级标题

4. 文本样式调整

您可以通过以下方式调整文本样式:

  • 强调文本:强调文本
  • 加粗文本:加粗文本
  • 标记文本:标记文本
  • 删除线文本:删除文本
  • 标题引用:
    引用文本

5.图片管理

现支持以下图片样式:

  • fuer pics
  • 带尺寸的图片
  • 居中显示的图片
  • 居中并带尺寸的图片

我们还增加了图片拖拽功能,操作更为便捷。

6.代码片展示

代码片展示支持高亮,您可前往页面进行样式设置,随后可以看到相同高亮的代码片样例。

7.列表类型

我们支持多种列表类型:

  • 无序列表
  • 有序列表
  • 检查列表(带 checkbox)

您还可以根据需求创建自定义列表。

8.表格创建

一个简单的表格创建方法如下:

项目 Value
电脑 $1600
手机 $12

9.居中文本

您可以使用以下方式控制文本对齐方向:

  • 居中文本:使用:---------:
  • 居左文本:使用----------
  • 居右文本:使用----------

10.SmartyPants

SmartyPants可将ASCII标点符号转换为专属的HTML实体,如:

TYPE ASCII HTML entities
Single backticks Isn't this fun? ‘Isn’t this fun?’
Quotes " Isn't this fun?" “Isn’t this fun?”

11.流程图与甘特图

我们支持多种流程图语法,涵盖:

  • 甘特图:使用Mermaid语法
  • UML图表:支持序列图、流程图等
  • Flowchart流程图:传统流程图语法

12.导出与导入

您可以:

  • 在完成文档后,通过导出功能生成本地MD/HTML文件
  • 通过导入功能载入本地文件进行继续编辑

以上均为功能详解,希望对您有所帮助!

转载地址:http://puogz.baihongyu.com/

你可能感兴趣的文章
OpenCV与AI深度学习 | 使用 OpenCV 创建自定义图像滤镜
查看>>
OpenCV与AI深度学习 | 使用 SAM 和 Grounding DINO 分割卫星图像
查看>>
OpenCV与AI深度学习 | 使用OpenCV图像修复技术去除眩光
查看>>
OpenCV与AI深度学习 | 使用OpenCV检测并计算直线角度
查看>>
OpenCV与AI深度学习 | 使用OpenCV轮廓检测提取图像前景
查看>>
OpenCV与AI深度学习 | 使用Python和OpenCV实现火焰检测(附源码)
查看>>
OpenCV与AI深度学习 | 使用PyTorch进行小样本学习的图像分类
查看>>
OpenCV与AI深度学习 | 使用YOLO11实现区域内目标跟踪
查看>>
OpenCV与AI深度学习 | 使用YOLOv8做目标检测、实例分割和图像分类(包含实例操作代码)
查看>>
OpenCV与AI深度学习 | 使用单相机对已知物体进行3D位置估计
查看>>
OpenCV与AI深度学习 | 初学者指南 -- 什么是迁移学习?
查看>>
OpenCV与AI深度学习 | 十分钟掌握Pytorch搭建神经网络的流程
查看>>
OpenCV与AI深度学习 | 基于GAN的零缺陷样本产品表面缺陷检测
查看>>
OpenCV与AI深度学习 | 基于OpenCV和深度学习预测年龄和性别
查看>>
OpenCV与AI深度学习 | 基于OpenCV实现模糊检测 / 自动对焦
查看>>
OpenCV与AI深度学习 | 基于Python和OpenCV将图像转为ASCII艺术效果
查看>>
OpenCV与AI深度学习 | 基于PyTorch实现Faster RCNN目标检测
查看>>
OpenCV与AI深度学习 | 基于PyTorch语义分割实现洪水识别(数据集 + 源码)
查看>>
OpenCV与AI深度学习 | 基于YOLO11的车体部件检测与分割
查看>>
OpenCV与AI深度学习 | 基于YoloV11自定义数据集实现车辆事故检测(有源码,建议收藏!)
查看>>