myxvisual / markdown-mx

Markdown React Component by TypeScript

---

Markdown -X (New Markdwon Editor)

• 可以加粗字体，更加方便的实时预览 markdown 文档
• 简单输入文档
• 支持快捷键自定义
• 让你的输入更加方便

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

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

排版更加轻松

自定义的 标题

轻松输入Latex

$$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

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 =
        <div>Example
            <p>1234</p></div>;
  }
  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;

同步滚动&实时预览

轻松置入图片

欢饮大家的使用

Todo List

• 代码高亮
• 快捷键
• 快速渲染
• 样式修正
• 自定义同步滚动
• 输出 PDF HTML
• 自定义快捷键模块展示
• React 重构
• Custom Short KeyBoard

The Online

---------------在线编辑器---------------