https://github.com/myxvisual/markdown-mx

Markdown React Component by TypeScript
https://github.com/myxvisual/markdown-mx

Last synced: 28 days ago
JSON representation

Markdown React Component by TypeScript

• Host: GitHub
• URL: https://github.com/myxvisual/markdown-mx
• Owner: myxvisual
• Created: 2017-01-18T04:17:30.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-06-26T03:32:31.000Z (over 7 years ago)
• Last Synced: 2024-10-02T02:42:57.642Z (about 1 month ago)
• Language: TypeScript
• Homepage: https://www.antcores.com/markdown_mx
• Size: 21.5 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

---

# Markdown -X (New Markdwon Editor)

![image](https://www.antcores.com/static/images/markdown-x-banner.svg)

- **可以加粗字体，更加方便的实时预览 markdown 文档**

- 简单输入文档

- 支持快捷键自定义

- 让你的输入更加方便

> 除了导出Markdown格式文档，你还可以输出 `PDF` 文档，`HTML` 等主流文件

> > 支持在线存储和离线存储，支持`离线编辑`。

### 排版更加轻松

##### 自定义的 标题

##### 轻松输入Latex

``` math

f(x) = \int_{-\infty}^\infty

    \hat f(\xi)\,e^{2 \pi i \xi x}

    \,d\xi

```

header | header

---|---

row1 col 1 | row1 col2

row2 col1 | row2 col2

``` javascript

import {x, y} as p from 'point';

const ANSWER = 42;

class Car extends Vehicle {

  constructor(speed, cost) {

    super(speed);

    var c = Symbol('cost');

    this[c] = cost;

    this.intro = `This is a car runs at

      ${speed}.`;

  }

}

for (let num of [1, 2, 3]) {

  console.log(num + 0b111110111);

}

function $initHighlight(block, flags) {

  try {

    if (block.className.search(/\bno\-highlight\b/) != -1)

      return processBlock(block.function, true, 0x0F) + ' class=""';

  } catch (e) {

    /* handle exception */

    var e4x =

        
Example

            
1234

;

  }

  for (var i = 0 / 2; i < classes.length; i++) { // "0 / 2" should not be parsed as regexp

    if (checkCondition(classes[i]) === undefined)

      return /\d+[\s/]/g;

  }

  console.log(Array.every(classes, Boolean));

}


export  $initHighlight;

```

##### 同步滚动&实时预览

##### 轻松置入图片

![image](https://www.antcores.com/static/images/grass.jpg)

`欢饮大家的使用`

### Todo List

- [x] 代码高亮

- [x] 快捷键

- [x] 快速渲染

- [ ] 样式修正

- [ ] 自定义同步滚动

- [ ] 输出 PDF HTML

- [ ] 自定义快捷键模块展示

- [ ] React 重构

- [ ] Custom Short KeyBoard

# The Online

###### ---------------[在线编辑器](https://www.antcores.com/markdown_mx)---------------