# Editor.md 欢迎页面 欢迎使用 Editor.md!这是一个基于 CodeMirror、jQuery 和 Marked 构建的开源 Markdown 编辑器。 ## 主要功能 - 实时预览 - 代码高亮 - 表格、图表、流程图支持 - 数学公式(KaTeX) - TOC 目录自动生成 ## 示例内容 ### 代码块 ```javascript function helloEditor() { console.log("Hello, Editor.md!"); } ``` ### 表格 | 功能 | 支持情况 | |------|----------| | 实时预览 | ✓ | | 代码高亮 | ✓ | | 图片上传 | ✗ (Cloudflare Pages 静态部署) | ### 列表 1. 第一项 2. 第二项 3. 第三项 - 无序列表项 1 - 无序列表项 2 - 无序列表项 3 ### 引用 > 这是一个引用示例 > > 可以有多行内容 ### GFM task list - [x] GFM task list 1 - [x] GFM task list 2 - [ ] GFM task list 3 - [ ] GFM task list 3-1 - [ ] GFM task list 3-2 - [ ] GFM task list 3-3 - [ ] GFM task list 4 - [ ] GFM task list 4-1 - [ ] GFM task list 4-2 --- ### 绘制流程图 Flowchart ```flow st=>start: 用户登陆 op=>operation: 登陆操作 cond=>condition: 登陆成功 Yes or No? e=>end: 进入后台 st->op->cond cond(yes)->e cond(no)->op ``` --- ### 绘制序列图 Sequence Diagram ```seq Andrew->China: Says Hello Note right of China: China thinks\nabout it China-->Andrew: How are you? Andrew->>China: I am good thanks! ``` --- --- **目录 (Table of Contents)** [TOCM] [TOC] # Heading 1 ## Heading 2 ### Heading 3 #### Heading 4 ##### Heading 5 ###### Heading 6 #### 标题(用底线的形式)Heading (underline) This is an H1 ============= This is an H2 ------------- ### 字符效果和横线等 ---- ~~删除线~~
删除线(开启识别HTML标签时)
*斜体字* _斜体字_ **粗体** __粗体__ ***粗斜体*** ___粗斜体___
HTML代码预览
×
确认清空
×
确定要清空所有内容吗?此操作不可撤销
选择字体颜色
×
预设颜色:
自定义颜色:
预览:
这是字体颜色预览文本
导入HTML代码
×
请输入HTML代码:
转换预览:
转换后的Markdown将在此显示...
代码转换
×
输入代码:
输出代码:
文章加密码
×
文章加密码脚本:
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin var password = 'password' password=prompt('请输入密码进入此帖子',''); if (password != '123456') { location.href='404'; } // 结束 --> </SCRIPT>
YouTube嵌入
×
YouTube网址:
嵌入代码:
插入
复制
关闭
封面图片:
插入封面
复制
复制图片网址
插入图片
×
图片网址:
输出区域:
插入
复制
关闭