Spec-markdown-editor NPM | npm.io

0.2.0 • Published 2 years ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

2 years ago

Spec-MarkDown

本质是为了目前在写的 pgcm 社区所写的markdown 编辑器, 仅使用了React

# npm
npm install spec-markdown-editor

# pnpm
pnpm install spec-markdown-editor

例:

import SpecMarkdown from 'spec-markdown-editor'

function App() {
    return (
        <>
            <SpecMarkdown />
        </>
    )
}

基本功能

实时预览
同步滚动
主题
快捷键
工具栏
图片
导入/ 导出

快捷键

按键	说明
ctrl + b	加粗
ctrl + 1~6	1~6级标题
ctrl + l	链接
ctrl + i	斜体
ctrl + u	删除线

补充

欢迎大家提交issue 以及需求, 本人对react 并不是很熟悉, 这也算是个练手的小玩意, Wechat:

License

Copyright (c) 2022, XiaoLi_1456

@babel/core @pmmmwh/react-refresh-webpack-plugin @svgr/webpack @testing-library/jest-dom @testing-library/react @testing-library/user-event @types/jest @types/node @types/react @types/react-dom babel-jest babel-loader babel-plugin-named-asset-import babel-preset-react-app bfj browserslist camelcase case-sensitive-paths-webpack-plugin css-loader css-minimizer-webpack-plugin dotenv dotenv-expand eslint eslint-config-react-app eslint-webpack-plugin file-loader fs-extra highlight.js html-webpack-plugin identity-obj-proxy jest jest-resolve jest-watch-typeahead less less-loader markdown-it markdown-it-abbr markdown-it-container markdown-it-ins markdown-it-mark markdown-it-sub markdown-it-sup markdown-it-task-checkbox mini-css-extract-plugin postcss postcss-flexbugs-fixes postcss-loader postcss-normalize postcss-preset-env prettier prompts react react-app-polyfill react-dev-utils react-dom react-refresh resolve resolve-url-loader sass-loader semver source-map-loader style-loader tailwindcss terser-webpack-plugin typescript web-vitals webpack webpack-dev-server webpack-manifest-plugin workbox-webpack-plugin

@everything-registry/sub-chunk-2804

2 years ago

2 years ago

2 years ago

2 years ago