Markdown2Html/src/component/MenuLeft/Pattern/Format.js
liushuang f61200f54e init
2024-08-05 23:45:58 +08:00

31 lines
773 B
JavaScript

import React, {Component} from "react";
import {observer, inject} from "mobx-react";
import {formatDoc} from "../../../utils/editorKeyEvents";
import {hotKeys} from "../../../utils/hotkey";
import "../common.css";
@inject("content")
@observer
class Format extends Component {
handleFormat = () => {
const {content} = this.props.content;
formatDoc(content, this.props.content);
};
render() {
return (
<div id="nice-menu-format" className="nice-menu-item" onClick={this.handleFormat}>
<span>
<span className="nice-menu-flag" />
<span className="nice-menu-name">格式化文档</span>
</span>
<span className="nice-menu-shortcut">{hotKeys.format}</span>
</div>
);
}
}
export default Format;