编辑器
Markdown 编辑器
ByteMD
Bytemd 是一个轻量级的 Markdown 编辑器,基于 React 构建,支持实时预览、自定义插件和主题,适合嵌入到各种 Web 应用中。
安装代码片段:
npm install bytemd
使用代码片段:
import React from "react";
import { Editor } from "bytemd";
const App = () => (
<Editor placeholder="Start typing here..." defaultValue="# Hello Bytemd" />
);
export default App;
运行后,即可在页面上看到一个带有实时预览的 Markdown 编辑器。
其他
- https://github.com/pandao/editor.md
- https://github.com/doocs/md
- https://github.com/remarkjs/react-markdown
- https://github.com/imzbf/md-editor-v3
Html 编辑器
- https://github.com/slab/quill
- https://github.com/ckeditor/ckeditor5/
- https://github.com/wangeditor-team/wangEditor
- https://github.com/tinymce/tinymce
- https://github.com/udecode/plate
- https://github.com/fex-team/ueditor (停止维护)
块级编辑器
- https://github.com/TypeCellOS/BlockNote
- https://github.com/yabwe/medium-editor
- https://github.com/codex-team/editor.js
- https://github.com/steven-tey/novel