# blog-editor > [![ESLint Code Base](https://github.com/SeGl1990/Blog-Editor/actions/workflows/eslint.yml/badge.svg)](https://github.com/SeGl1990/Blog-Editor/actions/workflows/eslint.yml) [![Prettier and ESLint Code Base](https://github.com/SeGl1990/Blog-Editor/actions/ Latest version **1.0.2** (published 2021-03-16) · MIT license · 0 weekly downloads ## Install ```sh npm install blog-editor pnpm add blog-editor yarn add blog-editor bun add blog-editor ``` ## Health **Score 20/100 (F)** — status: abandoned. Positive: esm support; no vulnerabilities. Warnings: low downloads; no types. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 1.0.2 | | Published | 2021-03-16 | | First published | 2021-03-15 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | ESM + CommonJS | | Dependencies | 6 | | Unpacked size | 285.1 KB | | Known vulnerabilities | 0 | | Install scripts | no | | Author | SeGl | | Maintainers | segl | ## Links - npm: https://www.npmjs.com/package/blog-editor - Repository: https://github.com/SeGl1990/Blog-Editor - Homepage: https://github.com/SeGl1990/Blog-Editor#readme - Issues: https://github.com/SeGl1990/Blog-Editor/issues - npm.io page: https://npm.io/package/blog-editor ## Dependencies (6) - [slate](https://npm.io/package/slate.md) ^0.57.2 - [emotion](https://npm.io/package/emotion.md) ^10.0.27 - [escape-html](https://npm.io/package/escape-html.md) ^1.0.3 - [slate-react](https://npm.io/package/slate-react.md) ^0.57.2 - [slate-history](https://npm.io/package/slate-history.md) ^0.57.2 - [slate-hyperscript](https://npm.io/package/slate-hyperscript.md) ^0.57.2 ## Recent versions - 1.0.2 (latest) — 2021-03-16 - 1.0.1 — 2021-03-16 - 1.0.0 — 2021-03-16 - 0.1.0 — 2021-03-15 ## README # Blog Editor Template [![ESLint Code Base](https://github.com/SeGl1990/Blog-Editor/actions/workflows/eslint.yml/badge.svg)](https://github.com/SeGl1990/Blog-Editor/actions/workflows/eslint.yml) [![Prettier and ESLint Code Base](https://github.com/SeGl1990/Blog-Editor/actions/workflows/prettier.yml/badge.svg)](https://github.com/SeGl1990/Blog-Editor/actions/workflows/prettier.yml) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) ## Installation (NPM) `npm i blog-editor` In react import the package. ```js import React from 'react' import { Editor } from 'blog-editor' const Demo = () => { const saveBlog = (data) => { console.log(data) } return (
) } export default Demo ``` Add the css file to your app.js ```js import 'blog-editor/dist/index.css' ``` --- ### Second option: Download only the Node Modules (GIT) ```bash # in your package.json add the following line to "dependencies": "blog-editor": "git+https://github.com/SeGl1990/Blog-Editor" # install the new dependency npm i ``` --- ## Download the React Repo Install the package as a React project: ```bash # start the development server git clone https://github.com/SeGl1990/Blog-Editor # in the Blog-Editor folder install the dependencies npm i # run the development server npm run dev / npm start ``` --- Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. ## License MIT ### Basic Libraries | | Stars | Bundle size | Maintained | | ---------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | | [emotion: 10.0.27](https://www.npmjs.com/package/emotion) | ![GitHub stars](https://img.shields.io/github/stars/emotion-js/emotion.svg?label=%F0%9F%8C%9F) | [![Bundle size](https://badgen.net/bundlephobia/minzip/emotion?label=%F0%9F%92%BE)](https://bundlephobia.com/result?p=emotion@11.0.0) | ⚠️ | | [escape-html: 1.0.3](https://www.npmjs.com/package/escape-html) | ![GitHub stars](https://img.shields.io/github/stars/component/escape-html.svg?label=%F0%9F%8C%9F) | [![Bundle size](https://badgen.net/bundlephobia/minzip/reactstrap?label=%F0%9F%92%BE)](https://bundlephobia.com/result?p=escape-html@1.0.3) | 🛑 | | [slate: 0.57.2](https://www.npmjs.com/package/slate) | ![GitHub stars](https://img.shields.io/github/stars/ianstormtaylor/slate.svg?label=%F0%9F%8C%9F) | [![Bundle size](https://badgen.net/bundlephobia/minzip/slate?label=%F0%9F%92%BE)](https://bundlephobia.com/result?p=slate@0.59.0) | ✅ | | [slate-history: 0.57.2](https://www.npmjs.com/package/slate-history) | ![GitHub stars](https://img.shields.io/github/stars/ianstormtaylor/slate.svg?label=%F0%9F%8C%9F) | [![Bundle size](https://badgen.net/bundlephobia/minzip/slate-history?label=%F0%9F%92%BE)](https://bundlephobia.com/result?p=slate-history@0.59.0) | ✅ | | [slate-hyperscript: 0.57.2](https://www.npmjs.com/package/slate-hyperscript) | ![GitHub stars](https://img.shields.io/github/stars/ianstormtaylor/slate.svg?label=%F0%9F%8C%9F) | [![Bundle size](https://badgen.net/bundlephobia/minzip/slate-hyperscript?label=%F0%9F%92%BE)](https://bundlephobia.com/result?p=slate-hyperscript@0.59.0) | ✅ | | [slate-react: 0.57.2](https://www.npmjs.com/package/slate-react) | ![GitHub stars](https://img.shields.io/github/stars/zamotany/react-slate.svg?label=%F0%9F%8C%9F) | [![Bundle size](https://badgen.net/bundlephobia/minzip/slate-react?label=%F0%9F%92%BE)](https://bundlephobia.com/result?p=slate-react@0.59.0) | ✅ | ## Credits & Idea Please visit the [initial template](https://github.com/Jerga99/slate-simple-editor) --- _Source: https://npm.io/package/blog-editor · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._