博客
关于我
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/

你可能感兴趣的文章
numpy数组替换其中的值(如1替换为255)
查看>>
numpy数组索引-ChatGPT4o作答
查看>>
numpy绘制热力图
查看>>
numpy转PIL 报错TypeError: Cannot handle this data type
查看>>
NutzCodeInsight 2.0.7 发布,为 nutz-sqltpl 提供友好的 ide 支持
查看>>
NutzWk 5.1.5 发布,Java 微服务分布式开发框架
查看>>
NUUO网络视频录像机 css_parser.php 任意文件读取漏洞复现
查看>>
NVelocity标签使用详解
查看>>
Nvidia Cudatoolkit 与 Conda Cudatoolkit
查看>>
NVIDIA-cuda-cudnn下载地址
查看>>
nvidia-htop 使用教程
查看>>
nvidia-smi 参数详解
查看>>
Vue.js 学习总结(14)—— Vue3 为什么推荐使用 ref 而不是 reactive
查看>>
oauth2-shiro 添加 redis 实现版本
查看>>
OAuth2.0_JWT令牌-生成令牌和校验令牌_Spring Security OAuth2.0认证授权---springcloud工作笔记148
查看>>
OAuth2.0_JWT令牌介绍_Spring Security OAuth2.0认证授权---springcloud工作笔记147
查看>>
OAuth2.0_介绍_Spring Security OAuth2.0认证授权---springcloud工作笔记137
查看>>
OAuth2.0_完善环境配置_把资源微服务客户端信息_授权码存入到数据库_Spring Security OAuth2.0认证授权---springcloud工作笔记149
查看>>
OAuth2.0_授权服务配置_Spring Security OAuth2.0认证授权---springcloud工作笔记140
查看>>
OAuth2.0_授权服务配置_令牌服务和令牌端点配置_Spring Security OAuth2.0认证授权---springcloud工作笔记143
查看>>